Home/Libraries/Fluent UI System Icons (Iconify)/temperature-degree-celsius-48-regular

Fluent UI System Icons (Iconify)

TemperatureDegreeCelsius48Regular

License: MITCommercial Safe

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 48 48"><path fill="#818cf8" d="M6.5 14.5a4 4 0 1 1 8 0a4 4 0 0 1-8 0m4-6.5a6.5 6.5 0 1 0 0 13a6.5 6.5 0 0 0 0-13m14.134 5.697C22.758 15.847 21.5 19.21 21.5 24s1.258 8.154 3.134 10.303C26.496 36.44 29.074 37.5 32 37.5s5.504-1.062 7.367-3.197c.796-.913 1.482-2.046 2.006-3.414c.2-.522.69-.889 1.25-.889c.837 0 1.45.796 1.16 1.582c-.626 1.702-1.48 3.159-2.532 4.365C38.86 38.687 35.564 40 32 40s-6.86-1.313-9.25-4.053C20.372 33.22 19 29.21 19 24s1.372-9.221 3.75-11.947C25.14 9.313 28.436 8 32 8s6.86 1.314 9.25 4.053c1.052 1.206 1.907 2.663 2.534 4.365c.29.786-.324 1.582-1.162 1.582c-.56 0-1.048-.367-1.249-.89c-.524-1.367-1.21-2.5-2.006-3.413C37.504 11.562 34.926 10.5 32 10.5s-5.504 1.062-7.366 3.197"/></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. TemperatureDegreeCelsius48RegularIcon.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.