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

Game Icons · GiFlatfish

Flatfish icon

A free flatfish icon from Game 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: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/flatfish.json

components/icons/game-icons-flatfish.tsx

import * as React from "react";

/**
 * Flatfish from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/flatfish. Sized in em, colored by currentColor.
 */
export function GiFlatfishIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M288.9 92.42c-5.3 0-10.7.33-16 .88-29.8 3.12-65 23.7-90 51.1-19.5 21.5-32.3 46.6-33.6 69.8l7.6 3.3c6.4-8.9 19.7-26.3 37.6-44.1 25.2-25.1 59.2-51.3 96.5-51 37.6.4 80.9 18 119.9 43.2 18.8 12.2 36.5 26.1 52 40.9-34.4-73.1-106-114.46-174-114.08zm1.9 47.98c-28.3-.3-59.8 22.1-83.6 45.8-23.8 23.6-39.7 47.4-39.7 47.4l-4.2 6.2-31.4-13.4c-7.9 9.9-11.1 24.3-10.7 38.7.4 12.7 4 25.1 7.8 32.5l27.9-12 4.1 6.1c37 54.4 101.5 83.4 157.7 85.5 56.4-7 128.7-26.7 169.3-84l-36-2.5 31.9-31.1c-9.8-15.4-23.8-31.4-40.3-46.3.3 1.1.4 2.3.4 3.5 0 8.8-7.2 16-16 16s-16-7.2-16-16 7.2-16 16-16h.9c-8.8-7.1-18.1-13.9-27.8-20.1-37-23.9-78.3-40-110.3-40.3zm87.7 50.8l15.8 8.6c-26.6 49.1-22.2 96.1 9.4 128.6l-13 12.6c-37.2-38.3-41.6-95.5-12.2-149.8zm-335.64 7c0 21.3-1.94 41.4-18.88 63.2 7.88 6.8 13.34 14.6 16.55 23.6 3.57 10.1 4.67 21.2 5.22 34.2 9.11 1.1 23.71-.3 38.01-4.2 10.03-2.8 19.94-6.7 28.04-10.7-5.3-10.6-8.2-24.2-8.6-38.7-.5-16.2 2.7-33.8 12.5-47.7-8.7-4.9-18.59-9.2-28.74-12.3-15.18-3.8-29.54-7.4-44.1-7.4zM428 248.8c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm-276.7 60.1c1.5 6.1 4.4 12.7 8.6 19.8 8.1 13.7 21 28.3 36.4 41.6 30.8 26.5 71.9 47.4 103.2 49.2 22.2 1.3 47-11.3 69-28.9 2.4-1.9 4.8-3.9 7.1-5.9-19.5 3-39 10.4-56.8 10.5-59.5-1.9-126.1-30.9-167.5-86.3zm270.1 59.6c-7.1 3.2-14.3 6.1-21.5 8.6 1.9 9.8 1.3 19.3.2 28.2 7.5-3.1 14.4-7.5 20.6-14.4 2.5-6.8 2.1-14.2.7-22.4z"
      />
    </svg>
  );
}

With react-icons

import { GiFlatfish } from "react-icons/gi";

export function Example() {
  return <GiFlatfish className="size-5" />;
}

flatfish.svg

<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M288.9 92.42c-5.3 0-10.7.33-16 .88-29.8 3.12-65 23.7-90 51.1-19.5 21.5-32.3 46.6-33.6 69.8l7.6 3.3c6.4-8.9 19.7-26.3 37.6-44.1 25.2-25.1 59.2-51.3 96.5-51 37.6.4 80.9 18 119.9 43.2 18.8 12.2 36.5 26.1 52 40.9-34.4-73.1-106-114.46-174-114.08zm1.9 47.98c-28.3-.3-59.8 22.1-83.6 45.8-23.8 23.6-39.7 47.4-39.7 47.4l-4.2 6.2-31.4-13.4c-7.9 9.9-11.1 24.3-10.7 38.7.4 12.7 4 25.1 7.8 32.5l27.9-12 4.1 6.1c37 54.4 101.5 83.4 157.7 85.5 56.4-7 128.7-26.7 169.3-84l-36-2.5 31.9-31.1c-9.8-15.4-23.8-31.4-40.3-46.3.3 1.1.4 2.3.4 3.5 0 8.8-7.2 16-16 16s-16-7.2-16-16 7.2-16 16-16h.9c-8.8-7.1-18.1-13.9-27.8-20.1-37-23.9-78.3-40-110.3-40.3zm87.7 50.8l15.8 8.6c-26.6 49.1-22.2 96.1 9.4 128.6l-13 12.6c-37.2-38.3-41.6-95.5-12.2-149.8zm-335.64 7c0 21.3-1.94 41.4-18.88 63.2 7.88 6.8 13.34 14.6 16.55 23.6 3.57 10.1 4.67 21.2 5.22 34.2 9.11 1.1 23.71-.3 38.01-4.2 10.03-2.8 19.94-6.7 28.04-10.7-5.3-10.6-8.2-24.2-8.6-38.7-.5-16.2 2.7-33.8 12.5-47.7-8.7-4.9-18.59-9.2-28.74-12.3-15.18-3.8-29.54-7.4-44.1-7.4zM428 248.8c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm-276.7 60.1c1.5 6.1 4.4 12.7 8.6 19.8 8.1 13.7 21 28.3 36.4 41.6 30.8 26.5 71.9 47.4 103.2 49.2 22.2 1.3 47-11.3 69-28.9 2.4-1.9 4.8-3.9 7.1-5.9-19.5 3-39 10.4-56.8 10.5-59.5-1.9-126.1-30.9-167.5-86.3zm270.1 59.6c-7.1 3.2-14.3 6.1-21.5 8.6 1.9 9.8 1.3 19.3.2 28.2 7.5-3.1 14.4-7.5 20.6-14.4 2.5-6.8 2.1-14.2.7-22.4z"
  />
</svg>

Attribution

"Flatfish" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Similar Game Icons icons