Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Buoy icon
A free buoy 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/buoy.jsonimport * as React from "react";
/**
* Buoy from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/buoy. Sized in em, colored by currentColor.
*/
export function GiBuoyIcon(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="M332.53 21.45l-38.774 56.273 14.422 2.027 6.93.975-1.948 13.863-31.687-4.455-1.256 8.912-4.45 31.652-.007.037-.004.037-7.654 54.427-31.03-4.363-1.79 8.14-40.817 185.604c6.63-.623 12.886-1.17 18.79-1.63l3.35-15.24 134.624 18.93-.984 15.587c5.568 2.076 11.38 4.294 17.61 6.732L380.33 200.98l-31.027-4.363 13.367-95.066-31.69-4.456 1.95-13.862 21.353 3.002L332.53 21.45zM174.007 71.224c-15.522 3.527-31.163 14.648-45.994 28.476C113.687 86.316 99.334 76.17 82.475 71.35l-4.95 17.304c15.107 4.32 28.602 14.202 44.112 29.71L128 124.73l6.363-6.367c15.35-15.35 32.643-27.09 43.63-29.588l-3.987-17.55zm142.03 42.213c1.16-.012 2.337.063 3.526.23 12.685 1.784 21.358 13.294 19.575 25.978-1.784 12.685-13.292 21.356-25.977 19.573-12.684-1.785-21.36-13.295-19.576-25.98 1.616-11.495 11.224-19.694 22.45-19.803zm-27.17 53.355c5.884 5.357 13.364 9.068 21.786 10.252 8.424 1.184 16.637-.32 23.77-3.848l-2.943 20.912-45.552-6.405 2.94-20.912zm-17.95 36.978l70.7 9.943-38.762 20.06-31.938-30.002zm-21.457 4.544l36.442 34.23-49.617 25.68 13.174-59.91zm111.384 15.717l-3.82 60.624-40.256-37.812 44.076-22.81zm-61.028 31.583l38.8 36.444-85.886-12.077 47.086-24.367zm-69.423 39.405l124.873 17.558-2.9 46.045-131.882-18.544 9.91-45.058zm21.962 93.798c-23.248-.01-51.884 3.056-95.332 7.653L95.807 494h320.386l-18.384-63.674c-72.987-29.56-100.19-40.694-140.874-41.467-1.505-.03-3.03-.043-4.58-.044z"
/>
</svg>
);
}import { GiBuoy } from "react-icons/gi";
export function Example() {
return <GiBuoy 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="M332.53 21.45l-38.774 56.273 14.422 2.027 6.93.975-1.948 13.863-31.687-4.455-1.256 8.912-4.45 31.652-.007.037-.004.037-7.654 54.427-31.03-4.363-1.79 8.14-40.817 185.604c6.63-.623 12.886-1.17 18.79-1.63l3.35-15.24 134.624 18.93-.984 15.587c5.568 2.076 11.38 4.294 17.61 6.732L380.33 200.98l-31.027-4.363 13.367-95.066-31.69-4.456 1.95-13.862 21.353 3.002L332.53 21.45zM174.007 71.224c-15.522 3.527-31.163 14.648-45.994 28.476C113.687 86.316 99.334 76.17 82.475 71.35l-4.95 17.304c15.107 4.32 28.602 14.202 44.112 29.71L128 124.73l6.363-6.367c15.35-15.35 32.643-27.09 43.63-29.588l-3.987-17.55zm142.03 42.213c1.16-.012 2.337.063 3.526.23 12.685 1.784 21.358 13.294 19.575 25.978-1.784 12.685-13.292 21.356-25.977 19.573-12.684-1.785-21.36-13.295-19.576-25.98 1.616-11.495 11.224-19.694 22.45-19.803zm-27.17 53.355c5.884 5.357 13.364 9.068 21.786 10.252 8.424 1.184 16.637-.32 23.77-3.848l-2.943 20.912-45.552-6.405 2.94-20.912zm-17.95 36.978l70.7 9.943-38.762 20.06-31.938-30.002zm-21.457 4.544l36.442 34.23-49.617 25.68 13.174-59.91zm111.384 15.717l-3.82 60.624-40.256-37.812 44.076-22.81zm-61.028 31.583l38.8 36.444-85.886-12.077 47.086-24.367zm-69.423 39.405l124.873 17.558-2.9 46.045-131.882-18.544 9.91-45.058zm21.962 93.798c-23.248-.01-51.884 3.056-95.332 7.653L95.807 494h320.386l-18.384-63.674c-72.987-29.56-100.19-40.694-140.874-41.467-1.505-.03-3.03-.043-4.58-.044z"
/>
</svg>"Buoy" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.