Hover the icon or press Play. Suggested motion: flicker. Pick another to preview it and update the animated code:
Fire Bottle icon
A free fire bottle 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-bottle.jsonimport * as React from "react";
/**
* Fire Bottle from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/fire-bottle. Sized in em, colored by currentColor.
*/
export function GiFireBottleIcon(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="M414.875 20.625L408.28 27.5l-6.155 6.375 72.47 72.47L481.06 100l6.72-6.594-6.688-6.656-59.47-59.406-6.75-6.72zm-42.438 10L339.47 63.563 442.874 166.97 475.813 134 372.438 30.625zM219.22 88.875c-1.15 0-2.29.013-3.44.03-50.362.818-100.432 20.43-138.874 58.845-78.645 78.614-78.63 206.058.03 284.688 78.665 78.63 206.195 78.65 284.845 0 66.53-66.5 76.702-167.79 30.595-245.157l22.375-22-13.22-13.218-27.467 27-5.438 5.344 4.156 6.406c29.643 45.634 36.865 101.44 21.626 152-16.766-1.182-31.593-14.78-36.125-34-3.035-12.897-1.504-26.806 4.658-37.156-39.524 16.293-51.447 45.442-41.813 89.813-38.003 5.345-33.94-43.066-58.125-57.97-1.747 40.85-49.1 68.87-73.03 40.22-23.55-28.187 3.92-67.758 39-60.44-34.632-28.662-65.7-26.033-97.532 4.626 4.97-28.496 15.814-46.957 35.593-57.28C102.417 235.333 56.08 279.655 41.376 332c-14.042-59.465 2.182-124.513 48.72-171.03 26.516-26.5 59.07-43.166 93.186-50-1.638 2.04-2.81 4.325-3.468 6.78-5.217 19.473 24.254 44.27 65.813 55.406 41.56 11.136 79.47 4.38 84.688-15.094 1.552-5.795-.005-12.072-4-18.312l4.187-4.344 26.656-27.72-13.25-13.25-21.812 22.69c-31.632-18.792-67.267-28.222-102.875-28.25zM249 209.03c-19.79.31-43.318 10.84-66.313 34.5 51.676-15.715 93.58-10.627 113.094 42.22 10.9-45.567-11.252-76.12-44.874-76.72-.63-.01-1.268-.01-1.906 0z"
/>
</svg>
);
}import { GiFireBottle } from "react-icons/gi";
export function Example() {
return <GiFireBottle 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="M414.875 20.625L408.28 27.5l-6.155 6.375 72.47 72.47L481.06 100l6.72-6.594-6.688-6.656-59.47-59.406-6.75-6.72zm-42.438 10L339.47 63.563 442.874 166.97 475.813 134 372.438 30.625zM219.22 88.875c-1.15 0-2.29.013-3.44.03-50.362.818-100.432 20.43-138.874 58.845-78.645 78.614-78.63 206.058.03 284.688 78.665 78.63 206.195 78.65 284.845 0 66.53-66.5 76.702-167.79 30.595-245.157l22.375-22-13.22-13.218-27.467 27-5.438 5.344 4.156 6.406c29.643 45.634 36.865 101.44 21.626 152-16.766-1.182-31.593-14.78-36.125-34-3.035-12.897-1.504-26.806 4.658-37.156-39.524 16.293-51.447 45.442-41.813 89.813-38.003 5.345-33.94-43.066-58.125-57.97-1.747 40.85-49.1 68.87-73.03 40.22-23.55-28.187 3.92-67.758 39-60.44-34.632-28.662-65.7-26.033-97.532 4.626 4.97-28.496 15.814-46.957 35.593-57.28C102.417 235.333 56.08 279.655 41.376 332c-14.042-59.465 2.182-124.513 48.72-171.03 26.516-26.5 59.07-43.166 93.186-50-1.638 2.04-2.81 4.325-3.468 6.78-5.217 19.473 24.254 44.27 65.813 55.406 41.56 11.136 79.47 4.38 84.688-15.094 1.552-5.795-.005-12.072-4-18.312l4.187-4.344 26.656-27.72-13.25-13.25-21.812 22.69c-31.632-18.792-67.267-28.222-102.875-28.25zM249 209.03c-19.79.31-43.318 10.84-66.313 34.5 51.676-15.715 93.58-10.627 113.094 42.22 10.9-45.567-11.252-76.12-44.874-76.72-.63-.01-1.268-.01-1.906 0z"
/>
</svg>"Fire Bottle" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.