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

Icons8 Line Awesome · LiaFireSolid

Fire Solid icon

A free fire solid icon from Icons8 Line Awesome, 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: MIT license
Project: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/fire-solid.json

components/icons/line-awesome-fire-solid.tsx

import * as React from "react";

/**
 * Fire Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/fire-solid. Sized in em, colored by currentColor.
 */
export function LiaFireSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 14.375 3 L 14.1875 3.78125 C 13.886719 5.128906 11.953125 7.347656 9.96875 10.0625 C 7.984375 12.777344 6 16.160156 6 20.40625 C 6 22.410156 6.613281 24.550781 8.125 26.21875 C 9.636719 27.886719 12.046875 29 15.3125 29 C 15.457031 29 15.578125 28.972656 15.71875 28.96875 C 15.8125 28.972656 15.902344 29 16 29 C 16.304688 29 16.589844 28.964844 16.875 28.9375 C 16.960938 28.929688 17.039063 28.914063 17.125 28.90625 C 20.472656 28.628906 22.695313 27.597656 24.0625 26.0625 C 25.667969 24.261719 26 21.976563 26 20 C 26 15.535156 23.429688 11.382813 20.9375 8.3125 C 18.445313 5.242188 15.9375 3.21875 15.9375 3.21875 L 15.65625 3 Z M 15.5 5.5 C 16.308594 6.210938 17.671875 7.496094 19.375 9.59375 C 21.726563 12.492188 24 16.332031 24 20 C 24 21.753906 23.691406 23.453125 22.5625 24.71875 C 22.320313 24.992188 22.027344 25.257813 21.6875 25.5 C 22.226563 23.941406 22.109375 22.167969 21.75 20.40625 C 21.339844 18.394531 20.5625 16.375 19.8125 14.75 C 19.0625 13.125 18.421875 11.976563 17.875 11.34375 L 17.59375 11 L 15.65625 11 L 16.03125 12.28125 C 17.078125 15.683594 16.527344 18 15.9375 18.6875 C 15.644531 19.03125 15.515625 19.0625 15.21875 18.96875 C 14.921875 18.875 14.386719 18.488281 13.875 17.53125 L 13.125 16.125 L 12.1875 17.40625 C 10.316406 19.925781 9.597656 22.6875 10.21875 25 C 10.273438 25.203125 10.359375 25.402344 10.4375 25.59375 C 10.140625 25.367188 9.863281 25.136719 9.625 24.875 C 8.507813 23.644531 8 22 8 20.40625 C 8 16.785156 9.703125 13.835938 11.59375 11.25 C 13.132813 9.144531 14.632813 7.367188 15.5 5.5 Z M 18.5625 17.21875 C 19.027344 18.394531 19.53125 19.582031 19.78125 20.8125 C 20.144531 22.601563 20.136719 24.238281 19.625 25.28125 C 19.242188 26.0625 18.648438 26.636719 17.4375 26.875 C 17.304688 26.902344 17.148438 26.917969 17 26.9375 C 16.6875 26.964844 16.34375 26.988281 16 27 C 15.910156 27 15.835938 27.003906 15.75 27 C 13.585938 26.929688 12.546875 25.964844 12.15625 24.5 C 11.832031 23.292969 12.253906 21.609375 13.15625 19.90625 C 13.601563 20.367188 14.074219 20.703125 14.625 20.875 C 15.644531 21.195313 16.78125 20.804688 17.46875 20 C 18.058594 19.308594 18.40625 18.351563 18.5625 17.21875 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaFireSolid } from "react-icons/lia";

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

fire-solid.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 14.375 3 L 14.1875 3.78125 C 13.886719 5.128906 11.953125 7.347656 9.96875 10.0625 C 7.984375 12.777344 6 16.160156 6 20.40625 C 6 22.410156 6.613281 24.550781 8.125 26.21875 C 9.636719 27.886719 12.046875 29 15.3125 29 C 15.457031 29 15.578125 28.972656 15.71875 28.96875 C 15.8125 28.972656 15.902344 29 16 29 C 16.304688 29 16.589844 28.964844 16.875 28.9375 C 16.960938 28.929688 17.039063 28.914063 17.125 28.90625 C 20.472656 28.628906 22.695313 27.597656 24.0625 26.0625 C 25.667969 24.261719 26 21.976563 26 20 C 26 15.535156 23.429688 11.382813 20.9375 8.3125 C 18.445313 5.242188 15.9375 3.21875 15.9375 3.21875 L 15.65625 3 Z M 15.5 5.5 C 16.308594 6.210938 17.671875 7.496094 19.375 9.59375 C 21.726563 12.492188 24 16.332031 24 20 C 24 21.753906 23.691406 23.453125 22.5625 24.71875 C 22.320313 24.992188 22.027344 25.257813 21.6875 25.5 C 22.226563 23.941406 22.109375 22.167969 21.75 20.40625 C 21.339844 18.394531 20.5625 16.375 19.8125 14.75 C 19.0625 13.125 18.421875 11.976563 17.875 11.34375 L 17.59375 11 L 15.65625 11 L 16.03125 12.28125 C 17.078125 15.683594 16.527344 18 15.9375 18.6875 C 15.644531 19.03125 15.515625 19.0625 15.21875 18.96875 C 14.921875 18.875 14.386719 18.488281 13.875 17.53125 L 13.125 16.125 L 12.1875 17.40625 C 10.316406 19.925781 9.597656 22.6875 10.21875 25 C 10.273438 25.203125 10.359375 25.402344 10.4375 25.59375 C 10.140625 25.367188 9.863281 25.136719 9.625 24.875 C 8.507813 23.644531 8 22 8 20.40625 C 8 16.785156 9.703125 13.835938 11.59375 11.25 C 13.132813 9.144531 14.632813 7.367188 15.5 5.5 Z M 18.5625 17.21875 C 19.027344 18.394531 19.53125 19.582031 19.78125 20.8125 C 20.144531 22.601563 20.136719 24.238281 19.625 25.28125 C 19.242188 26.0625 18.648438 26.636719 17.4375 26.875 C 17.304688 26.902344 17.148438 26.917969 17 26.9375 C 16.6875 26.964844 16.34375 26.988281 16 27 C 15.910156 27 15.835938 27.003906 15.75 27 C 13.585938 26.929688 12.546875 25.964844 12.15625 24.5 C 11.832031 23.292969 12.253906 21.609375 13.15625 19.90625 C 13.601563 20.367188 14.074219 20.703125 14.625 20.875 C 15.644531 21.195313 16.78125 20.804688 17.46875 20 C 18.058594 19.308594 18.40625 18.351563 18.5625 17.21875 Z"
  />
</svg>

Attribution

"Fire Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: flame, hot, trending, burn

Similar Icons8 Line Awesome icons