Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Phosphor Icons · PiRabbitBold

Rabbit Bold icon

A free rabbit bold icon from Phosphor Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/phosphor/rabbit-bold.json
components/icons/phosphor-rabbit-bold.tsx
import * as React from "react";

/**
 * Rabbit Bold from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/rabbit-bold. Sized in em, colored by currentColor.
 */
export function PiRabbitBoldIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 256 256"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M120,160a16,16,0,1,1-16-16A16,16,0,0,1,120,160Zm32-16a16,16,0,1,0,16,16A16,16,0,0,0,152,144Zm68,44a56,56,0,0,1-92,42.89,56,56,0,0,1-75-83,75.47,75.47,0,0,1,5.59-18.74,241.48,241.48,0,0,1-19.8-58.23C35.55,54.21,33.54,31.35,42.21,17A25.89,25.89,0,0,1,65.06,4c22.63,0,40.6,27.11,53.48,80.6a74.88,74.88,0,0,1,18.92,0C150.34,31.11,168.31,4,190.94,4a25.89,25.89,0,0,1,22.85,13c8.67,14.34,6.66,37.2,3.45,53.86a241.48,241.48,0,0,1-19.8,58.23A75.6,75.6,0,0,1,203,147.84,55.76,55.76,0,0,1,220,188ZM160.53,91.32a75.84,75.84,0,0,1,18.72,12.56c.78.71,1.53,1.43,2.28,2.17a211,211,0,0,0,12.14-39.73c3.9-20.23,2.34-32.33-.42-36.9C192.43,28.07,192,28,190.94,28,184.77,28,171.51,45.4,160.53,91.32ZM74.47,106.05c.74-.73,1.5-1.46,2.28-2.17A75.84,75.84,0,0,1,95.47,91.32C84.49,45.4,71.23,28,65.06,28c-1.08,0-1.49.07-2.31,1.42C56.54,39.7,60.73,72.84,74.47,106.05ZM196,188a31.9,31.9,0,0,0-11.86-24.87,12,12,0,0,1-4.38-8.17,52,52,0,0,0-103.52,0,12,12,0,0,1-4.38,8.17,32,32,0,0,0,38.47,51.08l-6-5a12,12,0,0,1,15.34-18.46L128,197.7l8.33-6.93a12,12,0,1,1,15.34,18.46l-6,5A32,32,0,0,0,196,188Z"
      />
    </svg>
  );
}
With react-icons
import { PiRabbitBold } from "react-icons/pi";

export function Example() {
  return <PiRabbitBold className="size-5" />;
}
rabbit-bold.svg
<svg
  viewBox="0 0 256 256"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M120,160a16,16,0,1,1-16-16A16,16,0,0,1,120,160Zm32-16a16,16,0,1,0,16,16A16,16,0,0,0,152,144Zm68,44a56,56,0,0,1-92,42.89,56,56,0,0,1-75-83,75.47,75.47,0,0,1,5.59-18.74,241.48,241.48,0,0,1-19.8-58.23C35.55,54.21,33.54,31.35,42.21,17A25.89,25.89,0,0,1,65.06,4c22.63,0,40.6,27.11,53.48,80.6a74.88,74.88,0,0,1,18.92,0C150.34,31.11,168.31,4,190.94,4a25.89,25.89,0,0,1,22.85,13c8.67,14.34,6.66,37.2,3.45,53.86a241.48,241.48,0,0,1-19.8,58.23A75.6,75.6,0,0,1,203,147.84,55.76,55.76,0,0,1,220,188ZM160.53,91.32a75.84,75.84,0,0,1,18.72,12.56c.78.71,1.53,1.43,2.28,2.17a211,211,0,0,0,12.14-39.73c3.9-20.23,2.34-32.33-.42-36.9C192.43,28.07,192,28,190.94,28,184.77,28,171.51,45.4,160.53,91.32ZM74.47,106.05c.74-.73,1.5-1.46,2.28-2.17A75.84,75.84,0,0,1,95.47,91.32C84.49,45.4,71.23,28,65.06,28c-1.08,0-1.49.07-2.31,1.42C56.54,39.7,60.73,72.84,74.47,106.05ZM196,188a31.9,31.9,0,0,0-11.86-24.87,12,12,0,0,1-4.38-8.17,52,52,0,0,0-103.52,0,12,12,0,0,1-4.38,8.17,32,32,0,0,0,38.47,51.08l-6-5a12,12,0,0,1,15.34-18.46L128,197.7l8.33-6.93a12,12,0,1,1,15.34,18.46l-6,5A32,32,0,0,0,196,188Z"
  />
</svg>
Attribution
"Rabbit Bold" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: