IconSearch logoIconsearch
Home/Libraries/Majesticons (Iconify)/fire
← Back to Search
Majesticons (Iconify)

Fire

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.445 2.168a1 1 0 0 1 1.325.194c.468.565 1.852 1.93 3.447 2.687A8.998 8.998 0 0 1 21 13A9 9 0 1 1 5.4 6.882a1 1 0 0 1 1.644.267c.127.282.471.663.992 1.066l.083.064c.2-1.41.632-2.592 1.145-3.538c.686-1.268 1.53-2.139 2.181-2.573zm.476 8.017a1 1 0 0 1 1.369.202c.042.054.158.186.323.334a2.536 2.536 0 0 0 .57.396c1.1.633 1.817 1.85 1.817 3.216C16 16.297 14.493 18 12.5 18S9 16.297 9 14.333c0-.943.341-1.812.912-2.469a1 1 0 0 1 .994-.314c.039-.092.08-.18.122-.264c.253-.498.582-.88.893-1.101z" fill="#818cf8"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FireIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Majesticons (Iconify)

Browse all Majesticons (Iconify) icons →
academic-cap
academic-cap
academic-cap-line
academic-cap-line
add-column
add-column
add-column-line
add-column-line
add-row
add-row
add-row-line
add-row-line
adjustments
adjustments
adjustments-line
adjustments-line
airplane
airplane
airplane-flight-2
airplane-flight-2
airplane-flight-2-line
airplane-flight-2-line
airplane-line
airplane-line