What does the fire icon represent?

It visually represents a flame, often used for concepts like heat, danger, or popularity.

How do I use the fire icon in React?

Import it from the library and use it as a component: `import { Fire } from '@phosphor-icons/react'; `.

Phosphor icons are distributed under the MIT license, allowing for free use.

Phosphor · fire · MIT

The Phosphor fire icon depicts a flame and is commonly used to represent heat, danger, or a call to action related to these concepts.

Install

npm i @phosphor-icons/react

Import & render

import { Fire } from '@phosphor-icons/react';

<Fire size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<Fire size={24} />

thin

<Fire size={24} weight="thin" />

light

<Fire size={24} weight="light" />

bold

<Fire size={24} weight="bold" />

fill

<Fire size={24} weight="fill" />

duotone

<Fire size={24} weight="duotone" />

What does the fire icon represent?: It visually represents a flame, often used for concepts like heat, danger, or popularity.
How do I use the fire icon in React?: Import it from the library and use it as a component: `import { Fire } from '@phosphor-icons/react'; <Fire />`.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, allowing for free use.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →