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

Fire

License: OFL-1.1


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 30 30"><path fill="#818cf8" d="M7.38 21.83c0-.3.1-.55.29-.76s.43-.31.7-.31v-.02l13.16.04c.06-.01.1-.02.1-.02c.27.01.51.12.7.33s.29.47.28.77c0 .3-.1.55-.29.76s-.43.31-.7.31v.01L8.59 22.9c-.1.01-.17.02-.22.02a.94.94 0 0 1-.7-.32c-.2-.21-.3-.47-.29-.77m.82-5.46c-.01-.43.04-.93.16-1.52c.06-.3.2-.76.44-1.37c.02-.05.07-.14.13-.28c.01.02.03.03.04.05s.02.02.02.03c.11.44.27.84.49 1.2c.21.32.48.56.82.69c.26.11.63.17 1.1.18h.16c-.33-.33-.59-.67-.79-1c-.3-.52-.49-1.12-.57-1.81c-.06-.54-.03-1.19.09-1.96c.02-.15.12-.49.29-1.01c.15-.47.36-.9.64-1.28c.32-.49.78-.99 1.39-1.51c.37-.31.89-.67 1.56-1.07c.07-.04.18-.11.35-.19v.11c-.24.57-.41 1.15-.49 1.73c-.06.53.02 1.02.24 1.48c.17.36.48.75.92 1.15c.09.09.29.29.6.58c.3.29.54.52.7.68l.25.25c.26-.38.41-.83.44-1.35c.04-.55 0-1.15-.14-1.8c0-.01 0-.04.01-.11c.02.02.13.1.3.24c.56.5.98.95 1.28 1.34c.48.62.83 1.21 1.06 1.74c.19.46.31.92.38 1.4c.06.42.08.77.07 1.05c-.01.78-.1 1.43-.25 1.96c-.07.21-.13.38-.19.52c.25-.07.47-.16.65-.26c.25-.16.45-.37.6-.66c.16-.29.29-.62.38-.98c0-.01.01-.03.03-.05c.01.02.02.05.05.09c.02.04.04.07.05.1c.13.31.22.63.27.97c.08.38.1.75.08 1.13c-.02.29-.07.56-.16.81c-.08.24-.16.43-.22.58c-.19.38-.39.71-.62.98c-.06.07-.11.13-.14.16h-11c-.01-.01-.03-.03-.07-.06s-.06-.05-.08-.07c-.26-.25-.54-.63-.82-1.13c-.08-.15-.18-.38-.29-.69c-.12-.31-.19-.66-.21-1.04"/></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 **OFL-1.1** 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 Weather Icons (Iconify)

Browse all Weather Icons (Iconify) icons →
alien
alien
aliens
aliens
barometer
barometer
celsius
celsius
cloud
cloud
cloud-down
cloud-down
cloud-refresh
cloud-refresh
cloud-up
cloud-up
cloudy
cloudy
cloudy-gusts
cloudy-gusts
cloudy-windy
cloudy-windy
day-cloudy
day-cloudy