Skip to content

Fire

The fire icon represents a flame or fire, often used to symbolize heat, warning, or danger.

Add shadcn.io to your AI agent. · Pro It installs Fire, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 21 × 24 px

Fire icon from Font Awesome 6 Solid

Code

Fire in your framework

In any framework. Customize it above, and the code follows.

export const FireIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 448 512" {...props}>
    <path fill="currentColor" d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7.1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4M225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4c.1 68.5 50.7 109.1 113.8 109.1"/>
  </svg>
);

Other libraries

Fire in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Fire icon from Phosphor
  • Fire icon from Material Design Icons
  • Fire icon from Huge Icons
  • Fire icon from Game Icons
  • Fire icon from IconPark Outline
  • Fire icon from Myna UI Icons
  • Fire icon from Carbon
  • Fire icon from Bootstrap Icons

Font Awesome 6 Solid

Icons that share its tags, in the same style.

  • Fire Flame Curved icon from Font Awesome 6 Solid
  • Fire Flame Simple icon from Font Awesome 6 Solid
  • Circle Exclamation icon from Font Awesome 6 Solid
  • Ban icon from Font Awesome 6 Solid
  • Bridge Circle Exclamation icon from Font Awesome 6 Solid
  • Exclamation icon from Font Awesome 6 Solid
  • Triangle Exclamation icon from Font Awesome 6 Solid
  • File Circle Exclamation icon from Font Awesome 6 Solid
  • Land Mine On icon from Font Awesome 6 Solid
  • Radiation icon from Font Awesome 6 Solid
  • Bomb icon from Font Awesome 6 Solid
  • Circle Radiation icon from Font Awesome 6 Solid
  • Bell icon from Font Awesome 6 Solid
  • Biohazard icon from Font Awesome 6 Solid
  • Dumpster Fire icon from Font Awesome 6 Solid
  • Fire Extinguisher icon from Font Awesome 6 Solid
  • House Fire icon from Font Awesome 6 Solid
  • Skull Crossbones icon from Font Awesome 6 Solid
  • Fire Burner icon from Font Awesome 6 Solid
  • Heart Circle Exclamation icon from Font Awesome 6 Solid
  • House Circle Exclamation icon from Font Awesome 6 Solid
  • House Tsunami icon from Font Awesome 6 Solid
  • Life Ring icon from Font Awesome 6 Solid
  • Person Circle Exclamation icon from Font Awesome 6 Solid

Skip the copy and paste. With Pro, your AI agent finds and installs any Font Awesome 6 Solid icon from a prompt.

Get Pro

Tags

Browse by tag

Fire is tagged warning, safety, error and 2 more. Related tags follow; each opens its icons from every library.

Pricing

Font Awesome 6 Solid MCP, with Pro

Ask for Fire or any of 1,407 Font Awesome 6 Solid icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Fire icon means and where it's used, then how to install, style and license it.

Install Fire from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro