Hover the icon or press Play. Suggested motion: float. Pick another to preview it and update the animated code:
Cloudy Fork icon
A free cloudy fork 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/cloudy-fork.jsonimport * as React from "react";
/**
* Cloudy Fork from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/cloudy-fork. Sized in em, colored by currentColor.
*/
export function GiCloudyForkIcon(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="M246.012 13.912c-35.27.5-72.71 29.525-72.71 66.174 0 39.68 36.478 83.723 99.893 117.853 101.13 54.43 72.602 179.66-36.256 179.66-42.733 0-72.187-39.64-74.362-77.31-.128-.663-.21-1.343-.238-2.04-.464-12.076 14.837-24.335 34.176-27.383 19.34-3.05 35.39 4.267 35.855 16.344h.003c.463 12.078-14.84 24.336-34.18 27.384-2.914.46-5.75.68-8.474.687 3.456 1.195 7.087 2.206 10.876 2.988 30.905 6.373 60.155-4.38 65.33-24.014h.002c5.176-19.634-15.682-40.717-46.586-47.09-11.74-2.42-23.238-2.365-33.272-.295.107-.077.207-.158.315-.233C6.66 278.06 70.908 496.213 235.605 496.213c189.383 0 235.943-179.11 169.05-266.756-10.69-14.007-23.185-25.6-36.55-35.752-45.053-44.06-63.563-96.312-24.972-152.35-46.768 9.864-64.43 59.03-58.05 101.315-22.383-13.896-41.988-29.116-54.257-50.365-19.586-33.927-3.52-70.383 43.434-71.643-8.666-4.792-18.372-6.89-28.248-6.75zm-94.506 7.78c-33.04.204-62.758 24.05-59.543 55.503v.002c6.14 60.084 68.852 116.43 162.83 126.99-58.058-23.48-92.455-60.586-110.734-112.87-11.944-34.16 3.377-61.222 28.182-66.555-6.878-2.138-13.88-3.113-20.736-3.07zm67.096 192.326c-11.45-.047-24.08 1.058-37.97 3.535l.003.002c81.43 3.067 110.127 50.344 107.463 79.85-2.83 31.378-51.59 52.93-90.506 35.38 35.285 42.01 94.344 22.24 110.416-7.045 18.97-34.563 3.837-111.34-89.406-111.722z"
/>
</svg>
);
}import { GiCloudyFork } from "react-icons/gi";
export function Example() {
return <GiCloudyFork 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="M246.012 13.912c-35.27.5-72.71 29.525-72.71 66.174 0 39.68 36.478 83.723 99.893 117.853 101.13 54.43 72.602 179.66-36.256 179.66-42.733 0-72.187-39.64-74.362-77.31-.128-.663-.21-1.343-.238-2.04-.464-12.076 14.837-24.335 34.176-27.383 19.34-3.05 35.39 4.267 35.855 16.344h.003c.463 12.078-14.84 24.336-34.18 27.384-2.914.46-5.75.68-8.474.687 3.456 1.195 7.087 2.206 10.876 2.988 30.905 6.373 60.155-4.38 65.33-24.014h.002c5.176-19.634-15.682-40.717-46.586-47.09-11.74-2.42-23.238-2.365-33.272-.295.107-.077.207-.158.315-.233C6.66 278.06 70.908 496.213 235.605 496.213c189.383 0 235.943-179.11 169.05-266.756-10.69-14.007-23.185-25.6-36.55-35.752-45.053-44.06-63.563-96.312-24.972-152.35-46.768 9.864-64.43 59.03-58.05 101.315-22.383-13.896-41.988-29.116-54.257-50.365-19.586-33.927-3.52-70.383 43.434-71.643-8.666-4.792-18.372-6.89-28.248-6.75zm-94.506 7.78c-33.04.204-62.758 24.05-59.543 55.503v.002c6.14 60.084 68.852 116.43 162.83 126.99-58.058-23.48-92.455-60.586-110.734-112.87-11.944-34.16 3.377-61.222 28.182-66.555-6.878-2.138-13.88-3.113-20.736-3.07zm67.096 192.326c-11.45-.047-24.08 1.058-37.97 3.535l.003.002c81.43 3.067 110.127 50.344 107.463 79.85-2.83 31.378-51.59 52.93-90.506 35.38 35.285 42.01 94.344 22.24 110.416-7.045 18.97-34.563 3.837-111.34-89.406-111.722z"
/>
</svg>"Cloudy Fork" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.