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

Fish Thin icon

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

/**
 * Fish Thin from Phosphor Icons (https://github.com/phosphor-icons/core), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/phosphor/fish-thin. Sized in em, colored by currentColor.
 */
export function PiFishThinIcon(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="M164,76.05a8,8,0,1,1-8-8A8,8,0,0,1,164,76.05Zm49.23,65.68c-19,34.15-54.76,52.35-106.43,54.13l-23,53.72A4,4,0,0,1,80.1,252h-.26a4,4,0,0,1-3.59-2.89L60.84,195.17,6.9,179.73a4,4,0,0,1-.47-7.52l53.72-23C62,97.6,80.16,61.81,114.3,42.85c45.5-25.27,103.78-11,106.76-9.27A4.08,4.08,0,0,1,222.48,35c.87,1.48,4.72,16.94,5.42,36.95C228.54,90.57,226.52,117.79,213.23,141.73ZM172.77,171.5A48,48,0,0,1,132,124h0A48.05,48.05,0,0,1,84.53,83.29c-10.27,18-15.79,40.95-16.46,68.71a4,4,0,0,1-2.42,3.58L19.92,175.14l45.26,13a4,4,0,0,1,2.74,2.74l12.93,45.25,19.6-45.72a4,4,0,0,1,3.58-2.43C131.81,187.28,154.78,181.77,172.77,171.5ZM220,77.25a169.58,169.58,0,0,0-4.2-37,169.46,169.46,0,0,0-37-4.2c-18.81-.12-45.93,3-68.2,18.49A85.22,85.22,0,0,0,92.24,71.84a40,40,0,0,0,43.58,44,4,4,0,0,1,4.36,4.36,40,40,0,0,0,44.06,43.56,85.31,85.31,0,0,0,17.26-18.33C210,133.16,220.18,111.35,220,77.25Z"
      />
    </svg>
  );
}
With react-icons
import { PiFishThin } from "react-icons/pi";

export function Example() {
  return <PiFishThin className="size-5" />;
}
fish-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="M164,76.05a8,8,0,1,1-8-8A8,8,0,0,1,164,76.05Zm49.23,65.68c-19,34.15-54.76,52.35-106.43,54.13l-23,53.72A4,4,0,0,1,80.1,252h-.26a4,4,0,0,1-3.59-2.89L60.84,195.17,6.9,179.73a4,4,0,0,1-.47-7.52l53.72-23C62,97.6,80.16,61.81,114.3,42.85c45.5-25.27,103.78-11,106.76-9.27A4.08,4.08,0,0,1,222.48,35c.87,1.48,4.72,16.94,5.42,36.95C228.54,90.57,226.52,117.79,213.23,141.73ZM172.77,171.5A48,48,0,0,1,132,124h0A48.05,48.05,0,0,1,84.53,83.29c-10.27,18-15.79,40.95-16.46,68.71a4,4,0,0,1-2.42,3.58L19.92,175.14l45.26,13a4,4,0,0,1,2.74,2.74l12.93,45.25,19.6-45.72a4,4,0,0,1,3.58-2.43C131.81,187.28,154.78,181.77,172.77,171.5ZM220,77.25a169.58,169.58,0,0,0-4.2-37,169.46,169.46,0,0,0-37-4.2c-18.81-.12-45.93,3-68.2,18.49A85.22,85.22,0,0,0,92.24,71.84a40,40,0,0,0,43.58,44,4,4,0,0,1,4.36,4.36,40,40,0,0,0,44.06,43.56,85.31,85.31,0,0,0,17.26-18.33C210,133.16,220.18,111.35,220,77.25Z"
  />
</svg>
Attribution
"Fish Thin" icon from Phosphor Icons (https://github.com/phosphor-icons/core), licensed under MIT license.

Related icons: