Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Abstract039 icon
A free abstract039 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/abstract039.jsonimport * as React from "react";
/**
* Abstract039 from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/abstract039. Sized in em, colored by currentColor.
*/
export function GiAbstract039Icon(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="m256,21.0001c-129.787,0-235,105.2131-235,235s105.2131,234.9997 235,234.9997 235-105.2128 235-234.9997-105.2131-235-235-235zm0,38.6281c44.6717,0 85.8324,14.9876 118.8219,40.0969l-33.6344,33.6344c-24.1492-16.8102-53.5224-26.5844-85.1875-26.5844s-61.0383,9.7742-85.1876,26.5844l-33.6344-33.6344c32.9894-25.1093 74.1502-40.0969 118.8219-40.0969zm-156.2751,77.55 33.6344,33.6344c-16.8102,24.1492-26.5844,53.5224-26.5844,85.1876s9.7742,61.0383 26.5844,85.1872l-33.6344,33.6347c-25.1093-33.0189-40.0969-74.1503-40.0969-118.8219s14.9876-85.8325 40.0969-118.8219zm312.5501,0c25.1093,32.9895 40.0969,74.1502 40.0969,118.8219s-14.9876,85.8029-40.0969,118.8219l-33.6344-33.6347c16.8102-24.1489 26.5844-53.522 26.5844-85.1872s-9.7742-61.0383-26.5844-85.1876l33.6344-33.6344zm-156.275,13.2188c58.3488,0 105.6031,47.2543 105.6031,105.6032s-47.2542,105.7498-105.6031,105.7498-105.6032-47.401-105.6032-105.7498 47.2542-105.6032 105.6032-105.6032zm0,51.2594c-29.9886,0-54.3438,24.3552-54.3438,54.3438s24.3551,54.3438 54.3438,54.3438 54.3437-24.3552 54.3437-54.3438-24.3552-54.3438-54.3437-54.3438zm-85.1876,176.9844c24.1492,16.81 53.5224,26.5841 85.1876,26.5841s61.0382-9.7741 85.1875-26.5841l33.7812,33.7812c-33.0026,25.175-74.2615,40.0971-118.9687,40.0971s-85.9662-14.9221-118.9688-40.0971l33.7812-33.7812z"
/>
</svg>
);
}import { GiAbstract039 } from "react-icons/gi";
export function Example() {
return <GiAbstract039 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="m256,21.0001c-129.787,0-235,105.2131-235,235s105.2131,234.9997 235,234.9997 235-105.2128 235-234.9997-105.2131-235-235-235zm0,38.6281c44.6717,0 85.8324,14.9876 118.8219,40.0969l-33.6344,33.6344c-24.1492-16.8102-53.5224-26.5844-85.1875-26.5844s-61.0383,9.7742-85.1876,26.5844l-33.6344-33.6344c32.9894-25.1093 74.1502-40.0969 118.8219-40.0969zm-156.2751,77.55 33.6344,33.6344c-16.8102,24.1492-26.5844,53.5224-26.5844,85.1876s9.7742,61.0383 26.5844,85.1872l-33.6344,33.6347c-25.1093-33.0189-40.0969-74.1503-40.0969-118.8219s14.9876-85.8325 40.0969-118.8219zm312.5501,0c25.1093,32.9895 40.0969,74.1502 40.0969,118.8219s-14.9876,85.8029-40.0969,118.8219l-33.6344-33.6347c16.8102-24.1489 26.5844-53.522 26.5844-85.1872s-9.7742-61.0383-26.5844-85.1876l33.6344-33.6344zm-156.275,13.2188c58.3488,0 105.6031,47.2543 105.6031,105.6032s-47.2542,105.7498-105.6031,105.7498-105.6032-47.401-105.6032-105.7498 47.2542-105.6032 105.6032-105.6032zm0,51.2594c-29.9886,0-54.3438,24.3552-54.3438,54.3438s24.3551,54.3438 54.3438,54.3438 54.3437-24.3552 54.3437-54.3438-24.3552-54.3438-54.3437-54.3438zm-85.1876,176.9844c24.1492,16.81 53.5224,26.5841 85.1876,26.5841s61.0382-9.7741 85.1875-26.5841l33.7812,33.7812c-33.0026,25.175-74.2615,40.0971-118.9687,40.0971s-85.9662-14.9221-118.9688-40.0971l33.7812-33.7812z"
/>
</svg>"Abstract039" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.