Hover the icon or press Play. Suggested motion: flicker. Pick another to preview it and update the animated code:
Flame Spin icon
A free flame spin 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/flame-spin.jsonimport * as React from "react";
/**
* Flame Spin from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/flame-spin. Sized in em, colored by currentColor.
*/
export function GiFlameSpinIcon(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="M363.344 19.563c28.18 47.964 33.504 103.075 19.344 152.875-29.288-27.994-66.822-50.915-105.532-71.75 57.858 75.817 58.09 128.63 53.313 183.437-24.622-87.035-113.16-131.873-189.095-102.03 53.576-2.22 104.1 31.922 118.813 84.75 16.9 60.696-18.662 124.96-81.157 138.124-30.186 6.36-58.903 1.052-84.218-12.22.2.006.396-.004.594 0-37.887-20.587-49.083-55.72-34.22-80.594 1.497-3.44 3.63-6.78 6.345-9.78 9.608-10.62 22.967-12.86 29.845-5 6.88 7.86 4.67 22.847-4.938 33.468-6.724 7.433-15.293 10.774-22.187 9.406 3.63 9.943 10.306 19.64 20.47 27.813 39.12-11.2 52.29-56.493 33.343-89.844 37.375 27.693 26.975 83.01-14.75 101.092 5.763 2.593 12.172 4.813 19.25 6.563 24.292-10.83 44.386-33.704 52.437-63.53 13.322-49.36-11.364-99.003-55.125-110.876-28.197-7.65-57.425 2.284-78.22 23.5-13.636 12.943-23.1 30.112-27 51.468l.314-.375c-1.794 8.906-2.396 17.758-1.876 26.343-4.006 99.012 56.25 148.94 159.22 176.875 64.095 17.385 133.002 1.828 183.81-35.905 97.612-63.963 151.2-188.13 121.657-305.25-5.23 20.13-12.662 39.088-21.936 56.75C466 132.1 430.22 59.497 363.344 19.562zm-226.78 83.906c-53.644-.37-105.26 31.506-116 135.624 14.563-21.117 35.932-36.335 61.123-44.656C88.478 139.8 136.322 107.712 192.03 114c-17.617-6.318-36.67-10.402-55.468-10.53zm287.124 42.936c43.41 86.672-9.364 222.056-84.875 277.875-47.28 39.394-120.826 54.736-210.907 21.876C373.584 467.682 416.692 295.718 337 161.126c42.183 42.98 60.72 93.294 59.875 140.436 21.902-49.214 32.34-104.697 26.813-155.156zm-315.375 80.97c34.658.506 66.722 28.08 55.53 91.78-.894-53.99-72.808-112.305-126.312-29.062 3.39-39.784 38.225-63.196 70.782-62.72zm184.468 41.53c57.214 46.582 14.283 155.733-98.155 152.844 58.078-8.234 124.46-89.278 98.156-152.844z"
/>
</svg>
);
}import { GiFlameSpin } from "react-icons/gi";
export function Example() {
return <GiFlameSpin 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="M363.344 19.563c28.18 47.964 33.504 103.075 19.344 152.875-29.288-27.994-66.822-50.915-105.532-71.75 57.858 75.817 58.09 128.63 53.313 183.437-24.622-87.035-113.16-131.873-189.095-102.03 53.576-2.22 104.1 31.922 118.813 84.75 16.9 60.696-18.662 124.96-81.157 138.124-30.186 6.36-58.903 1.052-84.218-12.22.2.006.396-.004.594 0-37.887-20.587-49.083-55.72-34.22-80.594 1.497-3.44 3.63-6.78 6.345-9.78 9.608-10.62 22.967-12.86 29.845-5 6.88 7.86 4.67 22.847-4.938 33.468-6.724 7.433-15.293 10.774-22.187 9.406 3.63 9.943 10.306 19.64 20.47 27.813 39.12-11.2 52.29-56.493 33.343-89.844 37.375 27.693 26.975 83.01-14.75 101.092 5.763 2.593 12.172 4.813 19.25 6.563 24.292-10.83 44.386-33.704 52.437-63.53 13.322-49.36-11.364-99.003-55.125-110.876-28.197-7.65-57.425 2.284-78.22 23.5-13.636 12.943-23.1 30.112-27 51.468l.314-.375c-1.794 8.906-2.396 17.758-1.876 26.343-4.006 99.012 56.25 148.94 159.22 176.875 64.095 17.385 133.002 1.828 183.81-35.905 97.612-63.963 151.2-188.13 121.657-305.25-5.23 20.13-12.662 39.088-21.936 56.75C466 132.1 430.22 59.497 363.344 19.562zm-226.78 83.906c-53.644-.37-105.26 31.506-116 135.624 14.563-21.117 35.932-36.335 61.123-44.656C88.478 139.8 136.322 107.712 192.03 114c-17.617-6.318-36.67-10.402-55.468-10.53zm287.124 42.936c43.41 86.672-9.364 222.056-84.875 277.875-47.28 39.394-120.826 54.736-210.907 21.876C373.584 467.682 416.692 295.718 337 161.126c42.183 42.98 60.72 93.294 59.875 140.436 21.902-49.214 32.34-104.697 26.813-155.156zm-315.375 80.97c34.658.506 66.722 28.08 55.53 91.78-.894-53.99-72.808-112.305-126.312-29.062 3.39-39.784 38.225-63.196 70.782-62.72zm184.468 41.53c57.214 46.582 14.283 155.733-98.155 152.844 58.078-8.234 124.46-89.278 98.156-152.844z"
/>
</svg>"Flame Spin" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.