Home/Libraries/Solar (Iconify)/fire-outline

Solar (Iconify)

FireOutline

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M12.48 2.76c.752-.451 1.728-.473 2.562.13c2.66 1.924 5.708 5.355 5.708 10.221c0 3.807-1.635 6.254-3.718 7.724c-1.279.903-2.709 1.426-3.999 1.69a4.1 4.1 0 0 1-1.3.225q-.154 0-.327-.013a9 9 0 0 1-.473.013c-1.46 0-3.62-.484-5.429-1.944c-1.841-1.486-3.254-3.929-3.254-7.695c0-3.077 1.625-5.146 3.155-6.313a1.81 1.81 0 0 1 2.004-.164c.584.319.993.934 1.067 1.656l.086.837c.033.322.198.59.37.72a.37.37 0 0 0 .19.083c.036.003.094-.002.179-.057c.653-.425 1.149-1.188 1.482-2.086c.33-.89.467-1.82.467-2.454V5.01c0-.973.494-1.807 1.23-2.25m.151 18.317a10 10 0 0 1-1.204.157c-.484-.05-1.093-.214-1.603-.564c-.585-.4-1.074-1.064-1.074-2.226c0-1.402.868-2.467 1.79-3.149l.004.038v.011c0 .228 0 .573.043.931c.043.357.134.795.36 1.18c.158.269.4.496.729.593c.323.095.63.035.87-.078c.457-.215.783-.665.92-1.14c.412.336.784.86.784 1.615c0 1.203-.447 1.87-.938 2.254c-.214.168-.45.291-.68.378m2.887-1.055q.331-.189.65-.412c1.695-1.197 3.082-3.194 3.082-6.499c0-4.187-2.622-7.223-5.087-9.006c-.325-.234-.65-.215-.91-.059c-.276.166-.503.507-.503.964v.323c0 .809-.167 1.916-.56 2.976c-.391 1.052-1.04 2.151-2.072 2.822c-.734.477-1.526.34-2.091-.088c-.534-.403-.886-1.064-.957-1.763l-.086-.838c-.026-.252-.162-.42-.294-.491c-.112-.061-.234-.068-.375.04c-1.267.967-2.565 2.634-2.565 5.12c0 3.345 1.232 5.346 2.696 6.528c.397.32.817.584 1.241.8c-.273-.55-.437-1.21-.437-1.994c0-2.104 1.32-3.573 2.448-4.393a1.43 1.43 0 0 1 1.6-.076c.454.274.746.783.746 1.357c0 .235 0 .5.032.764q.008.064.018.124c.16-.369.454-.654.803-.806c.418-.18.95-.177 1.394.157c.7.526 1.459 1.47 1.459 2.873c0 .593-.084 1.118-.232 1.578" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. FireOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.