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 · PiRabbitThin

Rabbit Thin icon

A free rabbit thin 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-thin.json
components/icons/phosphor-rabbit-thin.tsx
import * as React from "react";

/**
 * Rabbit Thin from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/rabbit-thin. Sized in em, colored by currentColor.
 */
export function PiRabbitThinIcon(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="M108,164a8,8,0,1,1-8-8A8,8,0,0,1,108,164Zm48-8a8,8,0,1,0,8,8A8,8,0,0,0,156,156Zm56,32a48,48,0,0,1-84,31.75,48,48,0,1,1-67.51-68,67.64,67.64,0,0,1,7-22.78C48.85,92.61,36.63,41.7,49.06,21.15a17.92,17.92,0,0,1,16-9.15c12.17,0,23.19,11.41,32.76,33.92C104.53,61.7,109.37,80,112.45,93.79a68.44,68.44,0,0,1,31.1,0c3.08-13.8,7.92-32.09,14.63-47.87C167.75,23.41,178.77,12,190.94,12a17.92,17.92,0,0,1,16,9.15c12.43,20.55.21,71.46-18.4,107.86a67.64,67.64,0,0,1,7,22.78A47.81,47.81,0,0,1,212,188ZM151.23,96.1a67.9,67.9,0,0,1,22.63,13.69,69,69,0,0,1,9.78,11.11c17.88-37.07,25.59-80.5,16.45-95.61A9.91,9.91,0,0,0,190.94,20C176.54,20,161.78,48.37,151.23,96.1ZM72.36,120.9a69,69,0,0,1,9.78-11.11A67.9,67.9,0,0,1,104.77,96.1C94.22,48.37,79.46,20,65.06,20a9.91,9.91,0,0,0-9.15,5.29C46.77,40.4,54.48,83.83,72.36,120.9ZM204,188a39.86,39.86,0,0,0-14.82-31.08,4,4,0,0,1-1.46-2.72,60,60,0,0,0-119.44,0,4,4,0,0,1-1.46,2.72,40,40,0,1,0,55.64,57l-13-10.82a4,4,0,1,1,5.12-6.16L128,208.1l13.44-11.18a4,4,0,0,1,5.12,6.16l-13,10.82A40,40,0,0,0,204,188Z"
      />
    </svg>
  );
}
With react-icons
import { PiRabbitThin } from "react-icons/pi";

export function Example() {
  return <PiRabbitThin className="size-5" />;
}
rabbit-thin.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="M108,164a8,8,0,1,1-8-8A8,8,0,0,1,108,164Zm48-8a8,8,0,1,0,8,8A8,8,0,0,0,156,156Zm56,32a48,48,0,0,1-84,31.75,48,48,0,1,1-67.51-68,67.64,67.64,0,0,1,7-22.78C48.85,92.61,36.63,41.7,49.06,21.15a17.92,17.92,0,0,1,16-9.15c12.17,0,23.19,11.41,32.76,33.92C104.53,61.7,109.37,80,112.45,93.79a68.44,68.44,0,0,1,31.1,0c3.08-13.8,7.92-32.09,14.63-47.87C167.75,23.41,178.77,12,190.94,12a17.92,17.92,0,0,1,16,9.15c12.43,20.55.21,71.46-18.4,107.86a67.64,67.64,0,0,1,7,22.78A47.81,47.81,0,0,1,212,188ZM151.23,96.1a67.9,67.9,0,0,1,22.63,13.69,69,69,0,0,1,9.78,11.11c17.88-37.07,25.59-80.5,16.45-95.61A9.91,9.91,0,0,0,190.94,20C176.54,20,161.78,48.37,151.23,96.1ZM72.36,120.9a69,69,0,0,1,9.78-11.11A67.9,67.9,0,0,1,104.77,96.1C94.22,48.37,79.46,20,65.06,20a9.91,9.91,0,0,0-9.15,5.29C46.77,40.4,54.48,83.83,72.36,120.9ZM204,188a39.86,39.86,0,0,0-14.82-31.08,4,4,0,0,1-1.46-2.72,60,60,0,0,0-119.44,0,4,4,0,0,1-1.46,2.72,40,40,0,1,0,55.64,57l-13-10.82a4,4,0,1,1,5.12-6.16L128,208.1l13.44-11.18a4,4,0,0,1,5.12,6.16l-13,10.82A40,40,0,0,0,204,188Z"
  />
</svg>
Attribution
"Rabbit Thin" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: