Hover the icon or press Play. Suggested motion: ring. Pick another to preview it and update the animated code:
Fire Ring icon
A free fire ring 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/fire-ring.jsonimport * as React from "react";
/**
* Fire Ring from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/fire-ring. Sized in em, colored by currentColor.
*/
export function GiFireRingIcon(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="M312.344 16.813c5.096 53.015-76.687 71.94 3.812 131-21.002-67.855 39.96-80.94-3.812-131zm-173.47 43.124c2.864 58.907-7.995 100.984-34.093 136.97l-.5.28c1.42-28.968-14.337-52.78-32.093-75.906 2.882 39.21-3.964 78.4-20.156 117.564-20.79 23.86-32.718 51.704-32.718 81.437 0 88.458 105.59 160.158 235.875 160.158s235.907-71.7 235.907-160.157c0-10.08-1.377-19.935-4-29.5-6.37-30.335-7.76-49.572-.313-59.155 12.078-15.54 11.654-39.39-2.405-62.406-7.558 48.062-39.085 30.124-63.063-53.72-27.96 94.983-72.27-4.392-58.406-53.156-26.26 21.598-29.623 69.962-28.22 107.125-5.712-1.39-11.528-2.66-17.436-3.75-44.64-15.223-78.633-56.624-62.375-86.814-22.038 10.264-24.77 32.17-16.375 57.22 19.214 57.337-56.703-10.13-53.72-56.064l-17.093 72.688c-.154-34.474-5.844-73.924-28.812-92.813zM255.19 197c109.056 0 197.468 60.017 197.468 134.063 0 22.193-7.938 43.127-22 61.562-15.436 6.877-24-22.344-25.53-41.47-16.12 20.592-.576 58.922-17.407 75.064-2.128-10.244-11.962-22.962-25.345-30.75 2.11 22.203-4.025 43.33-29.72 58.936-31.15 5.69-44.428-28.71-49.56-54.22-4.033 33.512-16.028 58.988-49.97 64.095-4.066-.306-8.107-.683-12.094-1.155-30.51-18.392-20.632-49.433-24.25-78.594-2.93 29.505-24.438 65.4-39 56.158-25.677-16.295 10.893-33.548-9.53-63.657-2.415 30.193-21.75 31.483-42.03 29.876.94-14.196 1.723-28.353-2.75-41.25-9.138 7.68-18.04 15.838-34.564 9.938-7.223-13.934-11.156-28.92-11.156-44.53C57.75 257.017 146.13 197 255.188 197z"
/>
</svg>
);
}import { GiFireRing } from "react-icons/gi";
export function Example() {
return <GiFireRing 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="M312.344 16.813c5.096 53.015-76.687 71.94 3.812 131-21.002-67.855 39.96-80.94-3.812-131zm-173.47 43.124c2.864 58.907-7.995 100.984-34.093 136.97l-.5.28c1.42-28.968-14.337-52.78-32.093-75.906 2.882 39.21-3.964 78.4-20.156 117.564-20.79 23.86-32.718 51.704-32.718 81.437 0 88.458 105.59 160.158 235.875 160.158s235.907-71.7 235.907-160.157c0-10.08-1.377-19.935-4-29.5-6.37-30.335-7.76-49.572-.313-59.155 12.078-15.54 11.654-39.39-2.405-62.406-7.558 48.062-39.085 30.124-63.063-53.72-27.96 94.983-72.27-4.392-58.406-53.156-26.26 21.598-29.623 69.962-28.22 107.125-5.712-1.39-11.528-2.66-17.436-3.75-44.64-15.223-78.633-56.624-62.375-86.814-22.038 10.264-24.77 32.17-16.375 57.22 19.214 57.337-56.703-10.13-53.72-56.064l-17.093 72.688c-.154-34.474-5.844-73.924-28.812-92.813zM255.19 197c109.056 0 197.468 60.017 197.468 134.063 0 22.193-7.938 43.127-22 61.562-15.436 6.877-24-22.344-25.53-41.47-16.12 20.592-.576 58.922-17.407 75.064-2.128-10.244-11.962-22.962-25.345-30.75 2.11 22.203-4.025 43.33-29.72 58.936-31.15 5.69-44.428-28.71-49.56-54.22-4.033 33.512-16.028 58.988-49.97 64.095-4.066-.306-8.107-.683-12.094-1.155-30.51-18.392-20.632-49.433-24.25-78.594-2.93 29.505-24.438 65.4-39 56.158-25.677-16.295 10.893-33.548-9.53-63.657-2.415 30.193-21.75 31.483-42.03 29.876.94-14.196 1.723-28.353-2.75-41.25-9.138 7.68-18.04 15.838-34.564 9.938-7.223-13.934-11.156-28.92-11.156-44.53C57.75 257.017 146.13 197 255.188 197z"
/>
</svg>"Fire Ring" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.