Hover the icon or press Play. Suggested motion: write. Pick another to preview it and update the animated code:
Sea Serpent icon
A free sea serpent 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/sea-serpent.jsonimport * as React from "react";
/**
* Sea Serpent from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/sea-serpent. Sized in em, colored by currentColor.
*/
export function GiSeaSerpentIcon(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="M220 16.125l12.688 39.438-75.75-31.157 22.843 35.5-62.31-8.062 20.25 18.375C85.836 87.854 40.9 132.144 31.47 182.5c-13.072 69.79 13.156 136.212 83.56 174.344 28.93 15.672 67.963 44.2 69.626 74.625 1.576 28.818-16.452 47.193-38.437 62.25h141.5c10.595-26.14 15.644-50.77 12.81-74.5-7.014-58.812-61.562-108.4-122.56-133.126-31.615-12.813-67.4-25.374-59.595-84.125 7.474-56.25 65.42-77.176 104.78-65.126l175.064 174.47 11.217-11.283.125.158 29.75-27.032-46.812 6.094-11.344-11.344 27.188-24.656-45.938 5.97-13-12.97 27.75-25.22-46.906 6.095.25.313-13.844-13.813L341 181.562l-41.156 5.313-32.906-32.813c-9.38-17.193-4.68-25.8 5.468-28.28 3.945 12.708 14.1 23.23 27.813 26.906 14.044 3.763 28.41-.562 38.186-10.063l10.938 29.438 6.72-26.094 21.405 5.718 14.155 38.093 8.28-32.06 20.908 5.593L436.5 205.53l9.188-35.56 16 4.28 15.656 42.156 9.156-35.5.22.063 5.28-19.782-23.97-27.47-119.56-32.03c-4.09-12.39-14.137-22.582-27.595-26.188-2.65-.71-5.294-1.127-7.938-1.28-4.957-.29-9.84.372-14.437 1.843L220 16.124zm89.938 76.688c.612-.015 1.223-.008 1.843.03 1.418.09 2.85.336 4.283.72 11.452 3.068 18.1 14.578 15.03 26.03-3.067 11.45-14.61 18.1-26.062 15.032-11.452-3.07-18.098-14.58-15.03-26.03 2.517-9.394 10.746-15.563 19.938-15.782z"
/>
</svg>
);
}import { GiSeaSerpent } from "react-icons/gi";
export function Example() {
return <GiSeaSerpent 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="M220 16.125l12.688 39.438-75.75-31.157 22.843 35.5-62.31-8.062 20.25 18.375C85.836 87.854 40.9 132.144 31.47 182.5c-13.072 69.79 13.156 136.212 83.56 174.344 28.93 15.672 67.963 44.2 69.626 74.625 1.576 28.818-16.452 47.193-38.437 62.25h141.5c10.595-26.14 15.644-50.77 12.81-74.5-7.014-58.812-61.562-108.4-122.56-133.126-31.615-12.813-67.4-25.374-59.595-84.125 7.474-56.25 65.42-77.176 104.78-65.126l175.064 174.47 11.217-11.283.125.158 29.75-27.032-46.812 6.094-11.344-11.344 27.188-24.656-45.938 5.97-13-12.97 27.75-25.22-46.906 6.095.25.313-13.844-13.813L341 181.562l-41.156 5.313-32.906-32.813c-9.38-17.193-4.68-25.8 5.468-28.28 3.945 12.708 14.1 23.23 27.813 26.906 14.044 3.763 28.41-.562 38.186-10.063l10.938 29.438 6.72-26.094 21.405 5.718 14.155 38.093 8.28-32.06 20.908 5.593L436.5 205.53l9.188-35.56 16 4.28 15.656 42.156 9.156-35.5.22.063 5.28-19.782-23.97-27.47-119.56-32.03c-4.09-12.39-14.137-22.582-27.595-26.188-2.65-.71-5.294-1.127-7.938-1.28-4.957-.29-9.84.372-14.437 1.843L220 16.124zm89.938 76.688c.612-.015 1.223-.008 1.843.03 1.418.09 2.85.336 4.283.72 11.452 3.068 18.1 14.578 15.03 26.03-3.067 11.45-14.61 18.1-26.062 15.032-11.452-3.07-18.098-14.58-15.03-26.03 2.517-9.394 10.746-15.563 19.938-15.782z"
/>
</svg>"Sea Serpent" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.