celsius icon

Celsius: celsius, degrees celsius, centigrade. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.176 3.58C1.303 3.259 1.488 2.976 1.732 2.732C1.976 2.488 2.259 2.303 2.58 2.176C2.875 2.059 3.182 2 3.5 2C3.818 2 4.125 2.059 4.42 2.176C4.741 2.303 5.024 2.488 5.268 2.732C5.512 2.976 5.697 3.259 5.824 3.58C5.941 3.875 6 4.182 6 4.5C6 4.818 5.941 5.125 5.824 5.42C5.697 5.741 5.512 6.024 5.268 6.268C5.024 6.512 4.741 6.697 4.42 6.824C4.125 6.941 3.818 7 3.5 7C3.182 7 2.875 6.941 2.58 6.824C2.259 6.697 1.976 6.512 1.732 6.268C1.488 6.024 1.303 5.741 1.176 5.42C1.059 5.125 1 4.818 1 4.5C1 4.182 1.059 3.875 1.176 3.58ZM8.211 11.104C8.363 11.489 8.586 11.828 8.879 12.121C9.172 12.414 9.511 12.637 9.896 12.789C10.25 12.93 10.619 13 11 13C11.35 13 11.69 12.94 12.02 12.821C12.373 12.694 12.69 12.507 12.973 12.26C13.255 12.013 13.484 11.724 13.658 11.392C13.82 11.081 13.925 10.752 13.973 10.405C13.992 10.266 14.055 10.155 14.164 10.072C14.272 9.99 14.396 9.958 14.535 9.977C14.675 9.996 14.786 10.06 14.868 10.168C14.951 10.277 14.982 10.401 14.963 10.54C14.9 11.003 14.76 11.442 14.544 11.856C14.312 12.299 14.007 12.685 13.63 13.013C13.254 13.342 12.83 13.592 12.36 13.762C11.921 13.921 11.467 14 11 14C10.491 14 10.001 13.906 9.528 13.719C9.014 13.516 8.562 13.219 8.172 12.828C7.781 12.438 7.484 11.986 7.281 11.472C7.094 10.999 7 10.509 7 10L7 6C7 5.491 7.094 5.001 7.281 4.528C7.484 4.014 7.781 3.562 8.172 3.172C8.562 2.781 9.014 2.484 9.528 2.281C10.001 2.094 10.491 2 11 2C11.467 2 11.921 2.079 12.36 2.238C12.83 2.408 13.254 2.658 13.63 2.987C14.007 3.315 14.312 3.701 14.544 4.144C14.76 4.558 14.9 4.997 14.963 5.46C14.982 5.597 14.95 5.72 14.866 5.83C14.782 5.94 14.672 6.004 14.535 6.023C14.396 6.042 14.272 6.01 14.164 5.928C14.055 5.845 13.992 5.734 13.973 5.595C13.925 5.248 13.82 4.919 13.658 4.608C13.484 4.276 13.255 3.987 12.973 3.74C12.69 3.493 12.373 3.306 12.02 3.179C11.69 3.06 11.35 3 11 3C10.619 3 10.25 3.07 9.896 3.211C9.511 3.363 9.172 3.586 8.879 3.879C8.586 4.172 8.363 4.511 8.211 4.896C8.07 5.25 8 5.619 8 6L8 10C8 10.381 8.07 10.75 8.211 11.104ZM2.105 5.052C2.182 5.245 2.293 5.414 2.439 5.561C2.586 5.707 2.755 5.818 2.948 5.895C3.125 5.965 3.309 6 3.5 6C3.691 6 3.875 5.965 4.052 5.895C4.245 5.818 4.414 5.707 4.561 5.561C4.707 5.414 4.818 5.245 4.895 5.052C4.965 4.875 5 4.691 5 4.5C5 4.309 4.965 4.125 4.895 3.948C4.818 3.755 4.707 3.586 4.561 3.439C4.414 3.293 4.245 3.182 4.052 3.105C3.875 3.035 3.691 3 3.5 3C3.309 3 3.125 3.035 2.948 3.105C2.755 3.182 2.586 3.293 2.439 3.439C2.293 3.586 2.182 3.755 2.105 3.948C2.035 4.125 2 4.309 2 4.5C2 4.691 2.035 4.875 2.105 5.052Z"/></svg>

React

// Gentleface "celsius" (line-round), MIT. https://gentleface.com/icons/celsius
import type { SVGProps } from 'react';

export function CelsiusIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.176 3.58C1.303 3.259 1.488 2.976 1.732 2.732C1.976 2.488 2.259 2.303 2.58 2.176C2.875 2.059 3.182 2 3.5 2C3.818 2 4.125 2.059 4.42 2.176C4.741 2.303 5.024 2.488 5.268 2.732C5.512 2.976 5.697 3.259 5.824 3.58C5.941 3.875 6 4.182 6 4.5C6 4.818 5.941 5.125 5.824 5.42C5.697 5.741 5.512 6.024 5.268 6.268C5.024 6.512 4.741 6.697 4.42 6.824C4.125 6.941 3.818 7 3.5 7C3.182 7 2.875 6.941 2.58 6.824C2.259 6.697 1.976 6.512 1.732 6.268C1.488 6.024 1.303 5.741 1.176 5.42C1.059 5.125 1 4.818 1 4.5C1 4.182 1.059 3.875 1.176 3.58ZM8.211 11.104C8.363 11.489 8.586 11.828 8.879 12.121C9.172 12.414 9.511 12.637 9.896 12.789C10.25 12.93 10.619 13 11 13C11.35 13 11.69 12.94 12.02 12.821C12.373 12.694 12.69 12.507 12.973 12.26C13.255 12.013 13.484 11.724 13.658 11.392C13.82 11.081 13.925 10.752 13.973 10.405C13.992 10.266 14.055 10.155 14.164 10.072C14.272 9.99 14.396 9.958 14.535 9.977C14.675 9.996 14.786 10.06 14.868 10.168C14.951 10.277 14.982 10.401 14.963 10.54C14.9 11.003 14.76 11.442 14.544 11.856C14.312 12.299 14.007 12.685 13.63 13.013C13.254 13.342 12.83 13.592 12.36 13.762C11.921 13.921 11.467 14 11 14C10.491 14 10.001 13.906 9.528 13.719C9.014 13.516 8.562 13.219 8.172 12.828C7.781 12.438 7.484 11.986 7.281 11.472C7.094 10.999 7 10.509 7 10L7 6C7 5.491 7.094 5.001 7.281 4.528C7.484 4.014 7.781 3.562 8.172 3.172C8.562 2.781 9.014 2.484 9.528 2.281C10.001 2.094 10.491 2 11 2C11.467 2 11.921 2.079 12.36 2.238C12.83 2.408 13.254 2.658 13.63 2.987C14.007 3.315 14.312 3.701 14.544 4.144C14.76 4.558 14.9 4.997 14.963 5.46C14.982 5.597 14.95 5.72 14.866 5.83C14.782 5.94 14.672 6.004 14.535 6.023C14.396 6.042 14.272 6.01 14.164 5.928C14.055 5.845 13.992 5.734 13.973 5.595C13.925 5.248 13.82 4.919 13.658 4.608C13.484 4.276 13.255 3.987 12.973 3.74C12.69 3.493 12.373 3.306 12.02 3.179C11.69 3.06 11.35 3 11 3C10.619 3 10.25 3.07 9.896 3.211C9.511 3.363 9.172 3.586 8.879 3.879C8.586 4.172 8.363 4.511 8.211 4.896C8.07 5.25 8 5.619 8 6L8 10C8 10.381 8.07 10.75 8.211 11.104ZM2.105 5.052C2.182 5.245 2.293 5.414 2.439 5.561C2.586 5.707 2.755 5.818 2.948 5.895C3.125 5.965 3.309 6 3.5 6C3.691 6 3.875 5.965 4.052 5.895C4.245 5.818 4.414 5.707 4.561 5.561C4.707 5.414 4.818 5.245 4.895 5.052C4.965 4.875 5 4.691 5 4.5C5 4.309 4.965 4.125 4.895 3.948C4.818 3.755 4.707 3.586 4.561 3.439C4.414 3.293 4.245 3.182 4.052 3.105C3.875 3.035 3.691 3 3.5 3C3.309 3 3.125 3.035 2.948 3.105C2.755 3.182 2.586 3.293 2.439 3.439C2.293 3.586 2.182 3.755 2.105 3.948C2.035 4.125 2 4.309 2 4.5C2 4.691 2.035 4.875 2.105 5.052Z" />
    </svg>
  );
}

Vue

Vue: see /icons/celsius.md

Svelte

Svelte: see /icons/celsius.md

HTML img

HTML img: see /icons/celsius.md

CSS

CSS: see /icons/celsius.md

Data URL

Data URL: see /icons/celsius.md

Sprite

Sprite: see /icons/celsius.md

SwiftUI

SwiftUI: see /icons/celsius.md

Compose

Compose: see /icons/celsius.md

Android XML

Android XML: see /icons/celsius.md

Flutter

Flutter: see /icons/celsius.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { CelsiusIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

celsius, degrees celsius, centigrade

Alternatives

fahrenheit: the °F unit
thermometer: temperature in general

Also fits

fahrenheit: the °C unit

Tags

celsius, centigrade, degrees, degree-celsius, temperature, metric, unit, °c

Category

Weather

Component name

CelsiusIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 22

air-quality fahrenheit flood haze hurricane moon moon-star rainbow snowflake sun sun-dim sun-snow

More weather icons

cloud-drizzle cloud-fog cloud-hail cloud-lightning cloud-moon cloud-moon-rain cloud-rain cloud-rain-heavy cloud-sleet cloud-snow cloud-sun cloud-sun-rain clouds droplet droplet-alert droplet-off · all weather icons

For agents

Metadata: /icons/celsius.json · Markdown: /icons/celsius.md · SVG: https://gentleface.com/svg/{style}/16/celsius.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/celsius.png

celsius icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp