Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Hive icon
A free hive 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/hive.jsonimport * as React from "react";
/**
* Hive from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/hive. Sized in em, colored by currentColor.
*/
export function GiHiveIcon(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="M196 16s-60 20.07-60 45h-15c-33.24 0-60 20.07-60 45 0 11.496 5.61 22.062 15 30-33.24 0-60 30.915-60 60s26.76 45 60 45h30.47C111.154 160.246 153.625 93.326 211 69.906V16h-15zm105 0v53.906c57.372 23.42 99.844 90.34 104.53 171.094H436c33.24 0 60-15.915 60-45s-26.76-60-60-60c9.392-7.938 15-18.504 15-30 0-24.93-26.76-45-60-45h-15c0-24.93-60-45-60-45h-15zm-44.156 105a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 256.843 121zm.5 90.063a45 45 0 0 0-46.313 44.968 45 45 0 0 0 90 0 45 45 0 0 0-43.686-44.967zM151.844 226a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 151.843 226zm210 0a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 361.843 226zM76 271c-33.24 0-60 15.915-60 45s26.76 60 60 60c-9.39 7.938-15 18.504-15 30 0 24.93 26.76 45 60 45h15c0 24.93 60 45 60 45h15v-53.906c-57.372-23.42-99.844-90.34-104.53-171.094H76zm329.53 0c-4.685 80.754-47.156 147.674-104.53 171.094V496h15s60-20.07 60-45h15c33.24 0 60-20.07 60-45 0-11.496-5.608-22.062-15-30 33.24 0 60-30.915 60-60s-26.76-45-60-45h-30.47zm-148.686 60a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 256.843 331z"
/>
</svg>
);
}import { GiHive } from "react-icons/gi";
export function Example() {
return <GiHive 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="M196 16s-60 20.07-60 45h-15c-33.24 0-60 20.07-60 45 0 11.496 5.61 22.062 15 30-33.24 0-60 30.915-60 60s26.76 45 60 45h30.47C111.154 160.246 153.625 93.326 211 69.906V16h-15zm105 0v53.906c57.372 23.42 99.844 90.34 104.53 171.094H436c33.24 0 60-15.915 60-45s-26.76-60-60-60c9.392-7.938 15-18.504 15-30 0-24.93-26.76-45-60-45h-15c0-24.93-60-45-60-45h-15zm-44.156 105a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 256.843 121zm.5 90.063a45 45 0 0 0-46.313 44.968 45 45 0 0 0 90 0 45 45 0 0 0-43.686-44.967zM151.844 226a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 151.843 226zm210 0a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 361.843 226zM76 271c-33.24 0-60 15.915-60 45s26.76 60 60 60c-9.39 7.938-15 18.504-15 30 0 24.93 26.76 45 60 45h15c0 24.93 60 45 60 45h15v-53.906c-57.372-23.42-99.844-90.34-104.53-171.094H76zm329.53 0c-4.685 80.754-47.156 147.674-104.53 171.094V496h15s60-20.07 60-45h15c33.24 0 60-20.07 60-45 0-11.496-5.608-22.062-15-30 33.24 0 60-30.915 60-60s-26.76-45-60-45h-30.47zm-148.686 60a30 30 0 0 0-30.875 29.97 30 30 0 0 0 60 0A30 30 0 0 0 256.843 331z"
/>
</svg>"Hive" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.