temperature degree celsius icon

temperature-degree-celsius-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.

Name
temperature-degree-celsius-32-filled
Set
Fluent UI System Icons
Style
32 Filled
Viewbox
32×32
License
MIT

11 other variants in Fluent UI System Icons

temperature-degree-celsius-16-filledtemperature-degree-celsius-16-regulartemperature-degree-celsius-20-filledtemperature-degree-celsius-20-regulartemperature-degree-celsius-24-filledtemperature-degree-celsius-24-regulartemperature-degree-celsius-28-filledtemperature-degree-celsius-28-regulartemperature-degree-celsius-32-regulartemperature-degree-celsius-48-filledtemperature-degree-celsius-48-regular

Related icons in Fluent UI System Icons

temperature-degree-fahrenheit-16-filled

Use the temperature degree celsius icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 10a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m2.5-5a5 5 0 1 0 0 10a5 5 0 0 0 0-10m10.532 4.574C15.827 10.943 15 13.064 15 16s.827 5.057 2.032 6.426c1.196 1.36 2.846 2.074 4.718 2.074s3.522-.715 4.718-2.074a7 7 0 0 0 1.045-1.585c.24-.493.719-.841 1.266-.841c.86 0 1.484.823 1.134 1.608a9.7 9.7 0 0 1-1.568 2.47C26.646 26.007 24.296 27 21.75 27s-4.896-.991-6.595-2.923C13.464 22.155 12.5 19.401 12.5 16s.963-6.155 2.655-8.077C16.854 5.99 19.204 5 21.75 5s4.896.991 6.595 2.923a9.7 9.7 0 0 1 1.568 2.47c.35.784-.275 1.607-1.134 1.607c-.547 0-1.026-.348-1.266-.84a7 7 0 0 0-1.045-1.586C25.272 8.214 23.622 7.5 21.75 7.5s-3.522.715-4.718 2.074"/></svg>

React

import type { SVGProps } from "react";

export function FluentTemperatureDegreeCelsius32Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 10a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m2.5-5a5 5 0 1 0 0 10a5 5 0 0 0 0-10m10.532 4.574C15.827 10.943 15 13.064 15 16s.827 5.057 2.032 6.426c1.196 1.36 2.846 2.074 4.718 2.074s3.522-.715 4.718-2.074a7 7 0 0 0 1.045-1.585c.24-.493.719-.841 1.266-.841c.86 0 1.484.823 1.134 1.608a9.7 9.7 0 0 1-1.568 2.47C26.646 26.007 24.296 27 21.75 27s-4.896-.991-6.595-2.923C13.464 22.155 12.5 19.401 12.5 16s.963-6.155 2.655-8.077C16.854 5.99 19.204 5 21.75 5s4.896.991 6.595 2.923a9.7 9.7 0 0 1 1.568 2.47c.35.784-.275 1.607-1.134 1.607c-.547 0-1.026-.348-1.266-.84a7 7 0 0 0-1.045-1.586C25.272 8.214 23.622 7.5 21.75 7.5s-3.522.715-4.718 2.074"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4 10a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m2.5-5a5 5 0 1 0 0 10a5 5 0 0 0 0-10m10.532 4.574C15.827 10.943 15 13.064 15 16s.827 5.057 2.032 6.426c1.196 1.36 2.846 2.074 4.718 2.074s3.522-.715 4.718-2.074a7 7 0 0 0 1.045-1.585c.24-.493.719-.841 1.266-.841c.86 0 1.484.823 1.134 1.608a9.7 9.7 0 0 1-1.568 2.47C26.646 26.007 24.296 27 21.75 27s-4.896-.991-6.595-2.923C13.464 22.155 12.5 19.401 12.5 16s.963-6.155 2.655-8.077C16.854 5.99 19.204 5 21.75 5s4.896.991 6.595 2.923a9.7 9.7 0 0 1 1.568 2.47c.35.784-.275 1.607-1.134 1.607c-.547 0-1.026-.348-1.266-.84a7 7 0 0 0-1.045-1.586C25.272 8.214 23.622 7.5 21.75 7.5s-3.522.715-4.718 2.074"/></svg>
</template>

CSS

.icon-temperature-degree-celsius-32-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2010a2.5%202.5%200%201%201%205%200a2.5%202.5%200%200%201-5%200m2.5-5a5%205%200%201%200%200%2010a5%205%200%200%200%200-10m10.532%204.574C15.827%2010.943%2015%2013.064%2015%2016s.827%205.057%202.032%206.426c1.196%201.36%202.846%202.074%204.718%202.074s3.522-.715%204.718-2.074a7%207%200%200%200%201.045-1.585c.24-.493.719-.841%201.266-.841c.86%200%201.484.823%201.134%201.608a9.7%209.7%200%200%201-1.568%202.47C26.646%2026.007%2024.296%2027%2021.75%2027s-4.896-.991-6.595-2.923C13.464%2022.155%2012.5%2019.401%2012.5%2016s.963-6.155%202.655-8.077C16.854%205.99%2019.204%205%2021.75%205s4.896.991%206.595%202.923a9.7%209.7%200%200%201%201.568%202.47c.35.784-.275%201.607-1.134%201.607c-.547%200-1.026-.348-1.266-.84a7%207%200%200%200-1.045-1.586C25.272%208.214%2023.622%207.5%2021.75%207.5s-3.522.715-4.718%202.074%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%2010a2.5%202.5%200%201%201%205%200a2.5%202.5%200%200%201-5%200m2.5-5a5%205%200%201%200%200%2010a5%205%200%200%200%200-10m10.532%204.574C15.827%2010.943%2015%2013.064%2015%2016s.827%205.057%202.032%206.426c1.196%201.36%202.846%202.074%204.718%202.074s3.522-.715%204.718-2.074a7%207%200%200%200%201.045-1.585c.24-.493.719-.841%201.266-.841c.86%200%201.484.823%201.134%201.608a9.7%209.7%200%200%201-1.568%202.47C26.646%2026.007%2024.296%2027%2021.75%2027s-4.896-.991-6.595-2.923C13.464%2022.155%2012.5%2019.401%2012.5%2016s.963-6.155%202.655-8.077C16.854%205.99%2019.204%205%2021.75%205s4.896.991%206.595%202.923a9.7%209.7%200%200%201%201.568%202.47c.35.784-.275%201.607-1.134%201.607c-.547%200-1.026-.348-1.266-.84a7%207%200%200%200-1.045-1.586C25.272%208.214%2023.622%207.5%2021.75%207.5s-3.522.715-4.718%202.074%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/temperature-degree-celsius-32-filled.svg?color=%231a73e8&size=48