Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Cluster Bomb icon
A free cluster bomb 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/cluster-bomb.jsonimport * as React from "react";
/**
* Cluster Bomb from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/cluster-bomb. Sized in em, colored by currentColor.
*/
export function GiClusterBombIcon(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="M108.844 20.438c-1.123-.004-2.255.022-3.375.062-31.373 1.107-62.048 19.857-83.75 54.063l15.78 10c21.905-34.525 51.05-48.46 79.094-44.907 18.49 2.344 37.197 12.58 53.22 31.594l-52.97 30.594 37.03 64.187c-54.02 59.836-65.993 150.21-23.53 223.814 52.703 91.357 168.712 122.463 260 69.72 91.288-52.746 123.174-169.328 70.47-260.69-40.2-69.672-117.545-104.362-192.533-93.53l-39.374-68.25-42.75 24.687c-19.06-23.673-42.603-37.566-67.22-40.686-3.363-.427-6.725-.645-10.092-.657zm60.344 99.062c34.395 1.276 59.808 12.09 74.25 32.438 4.89 6.89 8.42 14.64 10.75 23.156l27.406-15.844 26.844 46.563c51.126-7.386 103.876 16.27 131.28 63.78 35.935 62.294 14.18 141.757-48.062 177.72-62.24 35.962-141.317 14.76-177.25-47.532-28.95-50.187-20.77-111.797 16.063-152.592l-25.25-43.782 32.03-18.53c-1.737-8.716-4.777-16.09-9.063-22.126-10.35-14.58-28.73-23.446-59.687-24.594l.688-18.656zm110 139.188c-11.59-.084-23.672 4.737-33.938 14l12.53 13.875c10.593-9.557 20.598-10.993 28.69-7.75 3.54 1.418 6.98 3.91 9.936 7.625l-13.312 7.718 13.844 24.03c-20.225 22.402-24.71 56.225-8.813 83.783 19.73 34.204 63.168 45.872 97.344 26.124 34.175-19.748 46.105-63.39 26.374-97.594-15.048-26.09-43.99-39.087-72.063-35.03l-14.75-25.564-12.405 7.188c-5.072-7.207-11.6-12.585-19.188-15.625-3.83-1.537-7.844-2.426-11.937-2.69-.767-.048-1.54-.087-2.313-.092z"
/>
</svg>
);
}import { GiClusterBomb } from "react-icons/gi";
export function Example() {
return <GiClusterBomb 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="M108.844 20.438c-1.123-.004-2.255.022-3.375.062-31.373 1.107-62.048 19.857-83.75 54.063l15.78 10c21.905-34.525 51.05-48.46 79.094-44.907 18.49 2.344 37.197 12.58 53.22 31.594l-52.97 30.594 37.03 64.187c-54.02 59.836-65.993 150.21-23.53 223.814 52.703 91.357 168.712 122.463 260 69.72 91.288-52.746 123.174-169.328 70.47-260.69-40.2-69.672-117.545-104.362-192.533-93.53l-39.374-68.25-42.75 24.687c-19.06-23.673-42.603-37.566-67.22-40.686-3.363-.427-6.725-.645-10.092-.657zm60.344 99.062c34.395 1.276 59.808 12.09 74.25 32.438 4.89 6.89 8.42 14.64 10.75 23.156l27.406-15.844 26.844 46.563c51.126-7.386 103.876 16.27 131.28 63.78 35.935 62.294 14.18 141.757-48.062 177.72-62.24 35.962-141.317 14.76-177.25-47.532-28.95-50.187-20.77-111.797 16.063-152.592l-25.25-43.782 32.03-18.53c-1.737-8.716-4.777-16.09-9.063-22.126-10.35-14.58-28.73-23.446-59.687-24.594l.688-18.656zm110 139.188c-11.59-.084-23.672 4.737-33.938 14l12.53 13.875c10.593-9.557 20.598-10.993 28.69-7.75 3.54 1.418 6.98 3.91 9.936 7.625l-13.312 7.718 13.844 24.03c-20.225 22.402-24.71 56.225-8.813 83.783 19.73 34.204 63.168 45.872 97.344 26.124 34.175-19.748 46.105-63.39 26.374-97.594-15.048-26.09-43.99-39.087-72.063-35.03l-14.75-25.564-12.405 7.188c-5.072-7.207-11.6-12.585-19.188-15.625-3.83-1.537-7.844-2.426-11.937-2.69-.767-.048-1.54-.087-2.313-.092z"
/>
</svg>"Cluster Bomb" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.