Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Eclipse Flare icon
A free eclipse flare 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/eclipse-flare.jsonimport * as React from "react";
/**
* Eclipse Flare from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/eclipse-flare. Sized in em, colored by currentColor.
*/
export function GiEclipseFlareIcon(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="M253.924 31.56l-6.252 41.475c-40.904 1.6-81.38 16.64-114.233 45.137l-81.67-60.63 60.593 82.1c-28.1 33.614-42.45 74.828-43.054 116.206l-47.24 6.984 47.573 7.17c2.384 38.934 16.966 77.26 43.765 108.758l-61.635 83.51 83.33-61.864c32.178 27.257 71.444 41.798 111.19 43.647l7.63 50.635 7.473-50.55c.853-.03 1.707-.052 2.56-.093-.843-.038-1.683-.09-2.524-.14l16.193-109.53c6.984-2.27 13.52-5.526 19.445-9.61l44.186 24.788L316.32 305.6c3.976-5.716 7.175-12.006 9.463-18.72L485.78 262.83l-45.147-6.654c-.54-42.053-15.258-83.957-44.194-117.907l59.556-80.22h-.002l-80.392 59.333C342.312 88.88 301.33 74.08 260.045 72.96l-6.12-41.4zm17.605 74.522c43.267 0 86.536 16.507 119.548 49.52 28.136 28.136 44.273 63.723 48.428 100.41l-113.322-16.705c-2.254-6.995-5.493-13.544-9.565-19.483l24.636-43.424-43.223 24.522c-6.234-4.44-13.163-7.962-20.603-10.358l-12.47-84.343c2.19-.084 4.38-.138 6.57-.138zm-29.22 2.54l-12.412 82.34c-6.844 2.33-13.244 5.61-19.046 9.69l-42.748-24.254 24.107 42.975c-4.184 6.01-7.52 12.652-9.83 19.76l-78.146 11.553c5.06-34.793 20.974-68.312 47.746-95.084 25.55-25.55 57.246-41.206 90.33-46.98zM102.462 274.948l80.318 12.105c2.36 6.865 5.676 13.28 9.796 19.09l-24.826 43.76 43.963-24.942c5.514 3.763 11.558 6.803 17.988 9.012l16.325 108.306c-34.42-5.222-67.54-21.073-94.045-47.58-33.063-33.062-49.568-76.415-49.517-119.75z"
/>
</svg>
);
}import { GiEclipseFlare } from "react-icons/gi";
export function Example() {
return <GiEclipseFlare 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="M253.924 31.56l-6.252 41.475c-40.904 1.6-81.38 16.64-114.233 45.137l-81.67-60.63 60.593 82.1c-28.1 33.614-42.45 74.828-43.054 116.206l-47.24 6.984 47.573 7.17c2.384 38.934 16.966 77.26 43.765 108.758l-61.635 83.51 83.33-61.864c32.178 27.257 71.444 41.798 111.19 43.647l7.63 50.635 7.473-50.55c.853-.03 1.707-.052 2.56-.093-.843-.038-1.683-.09-2.524-.14l16.193-109.53c6.984-2.27 13.52-5.526 19.445-9.61l44.186 24.788L316.32 305.6c3.976-5.716 7.175-12.006 9.463-18.72L485.78 262.83l-45.147-6.654c-.54-42.053-15.258-83.957-44.194-117.907l59.556-80.22h-.002l-80.392 59.333C342.312 88.88 301.33 74.08 260.045 72.96l-6.12-41.4zm17.605 74.522c43.267 0 86.536 16.507 119.548 49.52 28.136 28.136 44.273 63.723 48.428 100.41l-113.322-16.705c-2.254-6.995-5.493-13.544-9.565-19.483l24.636-43.424-43.223 24.522c-6.234-4.44-13.163-7.962-20.603-10.358l-12.47-84.343c2.19-.084 4.38-.138 6.57-.138zm-29.22 2.54l-12.412 82.34c-6.844 2.33-13.244 5.61-19.046 9.69l-42.748-24.254 24.107 42.975c-4.184 6.01-7.52 12.652-9.83 19.76l-78.146 11.553c5.06-34.793 20.974-68.312 47.746-95.084 25.55-25.55 57.246-41.206 90.33-46.98zM102.462 274.948l80.318 12.105c2.36 6.865 5.676 13.28 9.796 19.09l-24.826 43.76 43.963-24.942c5.514 3.763 11.558 6.803 17.988 9.012l16.325 108.306c-34.42-5.222-67.54-21.073-94.045-47.58-33.063-33.062-49.568-76.415-49.517-119.75z"
/>
</svg>"Eclipse Flare" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.