Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Triton Head icon
A free triton head 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
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/triton-head.jsonimport * as React from "react";
/**
* Triton Head from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/triton-head. Sized in em, colored by currentColor.
*/
export function GiTritonHeadIcon(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="M256 25c-29 0-59.3 14.86-81.9 35.63-21.9 20.07-36.1 45.57-37 65.27 7.6 15.2 15.2 30.1 21.1 43.6 6.2 14.1 10.8 26.7 10.8 38.5h-18c0-6.6-3.4-18-9.2-31.3-5.9-13.3-13.8-28.6-21.9-44.7-12.3-24.6-23.59-38.24-43.19-50.59 4 25.29 2.8 48.29-4.3 67.69-6.4 17.6-17.9 32-33.7 42 38.5 16.3 71.89 40.5 96.69 75.7l-14.8 10.4c-21.09-30.1-48.89-51.3-81.89-66.4 13.1 24 17.9 46.6 16.3 67.9-1.9 24.2-11.8 46.2-24.8 67.4 57.6 13.5 105.09 23.5 168.69 112 13 18.1 28.4 28.9 57.1 28.9 28.7 0 44.1-10.8 57.1-28.9 63.6-88.5 111.1-98.5 168.7-112-13-21.2-22.9-43.2-24.8-67.4-1.6-21.3 3.2-43.9 16.3-68-33 15.1-60.8 36.3-81.9 66.5l-14.8-10.4c24.8-35.2 58.2-59.4 96.7-75.7-15.9-10-27.4-24.4-33.8-42-7-19.4-8.2-42.4-4.2-67.69-19.6 12.35-30.9 25.99-43.2 50.59-8.1 16.1-16 31.4-21.9 44.7-5.8 13.3-9.2 24.7-9.2 31.3h-18c0-11.8 4.6-24.4 10.8-38.5 5.9-13.5 13.5-28.4 21.1-43.6-.9-19.7-15.1-45.2-37-65.27C315.3 39.86 285 25 256 25zm-72 246c27 0 49 22 49 49s-22 49-49 49-49-22-49-49 22-49 49-49zm144 0c27 0 49 22 49 49s-22 49-49 49-49-22-49-49 22-49 49-49zm-144 18c-17.2 0-31 13.8-31 31 0 8.7 3.5 16.5 9.2 22.1-2-4.3-3.2-9.1-3.2-14.1 0-18.1 14.9-33 33-33 5 0 9.8 1.2 14.1 3.2-5.6-5.7-13.4-9.2-22.1-9.2zm144 0c-17.2 0-31 13.8-31 31 0 8.7 3.5 16.5 9.2 22.1-2-4.3-3.2-9.1-3.2-14.1 0-18.1 14.9-33 33-33 5 0 9.8 1.2 14.1 3.2-5.6-5.7-13.4-9.2-22.1-9.2z"
/>
</svg>
);
}import { GiTritonHead } from "react-icons/gi";
export function Example() {
return <GiTritonHead className="size-5" />;
}<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="M256 25c-29 0-59.3 14.86-81.9 35.63-21.9 20.07-36.1 45.57-37 65.27 7.6 15.2 15.2 30.1 21.1 43.6 6.2 14.1 10.8 26.7 10.8 38.5h-18c0-6.6-3.4-18-9.2-31.3-5.9-13.3-13.8-28.6-21.9-44.7-12.3-24.6-23.59-38.24-43.19-50.59 4 25.29 2.8 48.29-4.3 67.69-6.4 17.6-17.9 32-33.7 42 38.5 16.3 71.89 40.5 96.69 75.7l-14.8 10.4c-21.09-30.1-48.89-51.3-81.89-66.4 13.1 24 17.9 46.6 16.3 67.9-1.9 24.2-11.8 46.2-24.8 67.4 57.6 13.5 105.09 23.5 168.69 112 13 18.1 28.4 28.9 57.1 28.9 28.7 0 44.1-10.8 57.1-28.9 63.6-88.5 111.1-98.5 168.7-112-13-21.2-22.9-43.2-24.8-67.4-1.6-21.3 3.2-43.9 16.3-68-33 15.1-60.8 36.3-81.9 66.5l-14.8-10.4c24.8-35.2 58.2-59.4 96.7-75.7-15.9-10-27.4-24.4-33.8-42-7-19.4-8.2-42.4-4.2-67.69-19.6 12.35-30.9 25.99-43.2 50.59-8.1 16.1-16 31.4-21.9 44.7-5.8 13.3-9.2 24.7-9.2 31.3h-18c0-11.8 4.6-24.4 10.8-38.5 5.9-13.5 13.5-28.4 21.1-43.6-.9-19.7-15.1-45.2-37-65.27C315.3 39.86 285 25 256 25zm-72 246c27 0 49 22 49 49s-22 49-49 49-49-22-49-49 22-49 49-49zm144 0c27 0 49 22 49 49s-22 49-49 49-49-22-49-49 22-49 49-49zm-144 18c-17.2 0-31 13.8-31 31 0 8.7 3.5 16.5 9.2 22.1-2-4.3-3.2-9.1-3.2-14.1 0-18.1 14.9-33 33-33 5 0 9.8 1.2 14.1 3.2-5.6-5.7-13.4-9.2-22.1-9.2zm144 0c-17.2 0-31 13.8-31 31 0 8.7 3.5 16.5 9.2 22.1-2-4.3-3.2-9.1-3.2-14.1 0-18.1 14.9-33 33-33 5 0 9.8 1.2 14.1 3.2-5.6-5.7-13.4-9.2-22.1-9.2z"
/>
</svg>"Triton Head" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.