Hover the icon or press Play. Suggested motion: wave. Pick another to preview it and update the animated code:

Game Icons · GiFireWave

Fire Wave icon

A free fire wave 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.

Also known asflame icon hot icon trending icon burn icon

License: CC BY 3.0 license
Project: game-icons.net

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/fire-wave.json

components/icons/game-icons-fire-wave.tsx

import * as React from "react";

/**
 * Fire Wave from Game Icons (https://game-icons.net/), CC BY 3.0.
 * Via Cuelark UI: ui.cuelark.com/icons/game-icons/fire-wave. Sized in em, colored by currentColor.
 */
export function GiFireWaveIcon(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="M328.5 30.156c-99.58-.03-191.647 52.414-271.156 151.438 9.912-28.743 47.544-88.772 70.28-108.094-41.265 15.076-87.27 63.656-106.5 114.5v61.53c18.558-26.168 38.798-47.69 65.25-71.78-26.49 44.543-52.15 119.388-65.25 176.688v141.937h26.72c19.804-93.475 48.162-162.69 100.406-233-19.15 60.202-24.366 124.175-20.906 195.188 9.994-45.116 32.146-93.158 73.094-142.657-18.344 65.052-21.955 124.932-4.813 180.47h57.188c-2.562-32.025 1.113-56.394 14.062-80.938-.532 13.048.643 26.58 3.875 40.875 5.996-34.556 17.585-64.022 37.5-93.657-7.526 40.626-5.283 84.21 10.375 133.72h88.688c-5.158-31.55-2.596-66.12 8.218-107 1.704 39.91 11.515 75.754 32.47 107h51.563v-86.438c-7.074 13.913-10.72 29.376-12.97 44.968-7.695-43.873-9.963-84.805-7-122.062-23.246 21.267-34.008 65.82-35.624 120.312-20.16-86.008-18.087-166.31 12.28-239.437-70.757 23.94-117.454 140.15-126.75 257.53-12.338-113.425 14.68-207.775 68.344-279.156-35.215 9.957-67.622 43.803-94.625 89.375 21.048-68.622 56.62-123.21 101.624-164.72-113.59-3.315-207.167 93.895-261.063 216.094 17.013-71.856 50.828-131.208 96.376-178.125-83.605 13.105-129.81 80.075-168.28 191.874C106.93 174.272 207.072 79.45 377.968 34.406c-16.676-2.84-33.175-4.245-49.47-4.25zM190.125 108c-30.494 21.716-78.727 81.786-113.313 141.875C95 180.18 131.58 121.033 190.125 108zm264.594 64.5c-21.134.42-43.392 17.915-54.94 52.97 29.15-23.528 58.873-32.432 91.064-32.845-9.516-13.632-22.58-20.395-36.125-20.125zm-162.095 40.406C250.05 291.598 224.94 381.348 211.97 478.78c-19.036-107.454 13.613-221.943 80.655-265.874z"
      />
    </svg>
  );
}

With react-icons

import { GiFireWave } from "react-icons/gi";

export function Example() {
  return <GiFireWave className="size-5" />;
}

fire-wave.svg

<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="M328.5 30.156c-99.58-.03-191.647 52.414-271.156 151.438 9.912-28.743 47.544-88.772 70.28-108.094-41.265 15.076-87.27 63.656-106.5 114.5v61.53c18.558-26.168 38.798-47.69 65.25-71.78-26.49 44.543-52.15 119.388-65.25 176.688v141.937h26.72c19.804-93.475 48.162-162.69 100.406-233-19.15 60.202-24.366 124.175-20.906 195.188 9.994-45.116 32.146-93.158 73.094-142.657-18.344 65.052-21.955 124.932-4.813 180.47h57.188c-2.562-32.025 1.113-56.394 14.062-80.938-.532 13.048.643 26.58 3.875 40.875 5.996-34.556 17.585-64.022 37.5-93.657-7.526 40.626-5.283 84.21 10.375 133.72h88.688c-5.158-31.55-2.596-66.12 8.218-107 1.704 39.91 11.515 75.754 32.47 107h51.563v-86.438c-7.074 13.913-10.72 29.376-12.97 44.968-7.695-43.873-9.963-84.805-7-122.062-23.246 21.267-34.008 65.82-35.624 120.312-20.16-86.008-18.087-166.31 12.28-239.437-70.757 23.94-117.454 140.15-126.75 257.53-12.338-113.425 14.68-207.775 68.344-279.156-35.215 9.957-67.622 43.803-94.625 89.375 21.048-68.622 56.62-123.21 101.624-164.72-113.59-3.315-207.167 93.895-261.063 216.094 17.013-71.856 50.828-131.208 96.376-178.125-83.605 13.105-129.81 80.075-168.28 191.874C106.93 174.272 207.072 79.45 377.968 34.406c-16.676-2.84-33.175-4.245-49.47-4.25zM190.125 108c-30.494 21.716-78.727 81.786-113.313 141.875C95 180.18 131.58 121.033 190.125 108zm264.594 64.5c-21.134.42-43.392 17.915-54.94 52.97 29.15-23.528 58.873-32.432 91.064-32.845-9.516-13.632-22.58-20.395-36.125-20.125zm-162.095 40.406C250.05 291.598 224.94 381.348 211.97 478.78c-19.036-107.454 13.613-221.943 80.655-265.874z"
  />
</svg>

Attribution

"Fire Wave" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.

Related icons: flame, hot, trending, burn

Similar Game Icons icons