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

Game Icons · GiClownfish

Clownfish icon

A free clownfish 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/clownfish.json

components/icons/game-icons-clownfish.tsx

import * as React from "react";

/**
 * Clownfish from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/clownfish. Sized in em, colored by currentColor.
 */
export function GiClownfishIcon(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="M413.38 71.32c-2.692.027-5.327.135-7.884.319-26.372 51.103 17.394 93.805 64.493 104.945 13.09-17.97 20.194-35.75 19.81-52.19l-13.342 9.173-10.197-14.832 19.385-13.328a51.746 51.746 0 0 0-2.67-5.307c-12.504-21.573-43.584-29.033-69.596-28.78zm-37.335 5.07c-17.856 4.26-35.236 10.617-50.578 16.962-15.406 6.371-49.229-21.262-61.195-9.934-47.257 44.737-30.373 63.14-36.053 72.645 26.004 6.87 47.011 17.806 78.174 19.775 4.524-6.931 8.111-11.8 12.752-17.982l46.873.31-.121 17.998-37.573-.248c-6.871 9.512-12.176 18.044-14.943 24.862-3.133 7.72-3.384 12.978-1.998 16.851 7.927 14.29 31.59 18.35 45.008 20.778l30.031-39.956 14.389 10.815-36.608 48.707c-16.36-2.943-34.12-5.98-47.841-12.496l-.082-.041c6.302 17.447 14.137 34.826 18.359 51.228a647.74 647.74 0 0 0 13.004-7.658c22.215-13.45 5.493 46.972 53.295 3.69 5.713-5.174 8.326-49.352 10.16-51.223 13.1-13.364 30.148-30.006 45.225-47.686-67.624-8.885-98.696-65.168-80.278-117.396zm60.54 14.683a10.985 10.985 0 0 1 4.984 20.945c-5.505 2.548-12.033.152-14.582-5.352-2.55-5.505-.154-12.034 5.351-14.584a10.984 10.984 0 0 1 4.246-1.01zm-256.343 91.076c-10.778-.103-22.732 2.199-29.648 8.23-70.643 61.604-16.27 86.406-11.574 90.723 22.797 20.957 39.667 72.813 45.96 88.693 3.648 9.202 19.545 26.155 54.594 9.934 52.654-20.53 29.41-48.545 57.666-62.912-9.123-50.356-50.136-103.254-96.902-130.684-4.04-2.37-11.712-3.904-20.096-3.984zM92.99 324.759c-60.74-.071-78.355 61.634-68.033 92.634 39.549 51.777 96.597 6.736 124.514-33.545-10.297-23.138-22.417-43.575-40.1-57.686-5.776-.95-11.233-1.398-16.38-1.404z"
      />
    </svg>
  );
}

With react-icons

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

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

clownfish.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="M413.38 71.32c-2.692.027-5.327.135-7.884.319-26.372 51.103 17.394 93.805 64.493 104.945 13.09-17.97 20.194-35.75 19.81-52.19l-13.342 9.173-10.197-14.832 19.385-13.328a51.746 51.746 0 0 0-2.67-5.307c-12.504-21.573-43.584-29.033-69.596-28.78zm-37.335 5.07c-17.856 4.26-35.236 10.617-50.578 16.962-15.406 6.371-49.229-21.262-61.195-9.934-47.257 44.737-30.373 63.14-36.053 72.645 26.004 6.87 47.011 17.806 78.174 19.775 4.524-6.931 8.111-11.8 12.752-17.982l46.873.31-.121 17.998-37.573-.248c-6.871 9.512-12.176 18.044-14.943 24.862-3.133 7.72-3.384 12.978-1.998 16.851 7.927 14.29 31.59 18.35 45.008 20.778l30.031-39.956 14.389 10.815-36.608 48.707c-16.36-2.943-34.12-5.98-47.841-12.496l-.082-.041c6.302 17.447 14.137 34.826 18.359 51.228a647.74 647.74 0 0 0 13.004-7.658c22.215-13.45 5.493 46.972 53.295 3.69 5.713-5.174 8.326-49.352 10.16-51.223 13.1-13.364 30.148-30.006 45.225-47.686-67.624-8.885-98.696-65.168-80.278-117.396zm60.54 14.683a10.985 10.985 0 0 1 4.984 20.945c-5.505 2.548-12.033.152-14.582-5.352-2.55-5.505-.154-12.034 5.351-14.584a10.984 10.984 0 0 1 4.246-1.01zm-256.343 91.076c-10.778-.103-22.732 2.199-29.648 8.23-70.643 61.604-16.27 86.406-11.574 90.723 22.797 20.957 39.667 72.813 45.96 88.693 3.648 9.202 19.545 26.155 54.594 9.934 52.654-20.53 29.41-48.545 57.666-62.912-9.123-50.356-50.136-103.254-96.902-130.684-4.04-2.37-11.712-3.904-20.096-3.984zM92.99 324.759c-60.74-.071-78.355 61.634-68.033 92.634 39.549 51.777 96.597 6.736 124.514-33.545-10.297-23.138-22.417-43.575-40.1-57.686-5.776-.95-11.233-1.398-16.38-1.404z"
  />
</svg>

Attribution

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

Similar Game Icons icons