fahrenheit icon

Fahrenheit: fahrenheit, degrees fahrenheit. 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.58ZM7.144 2.144C7.241 2.048 7.359 2 7.5 2L13.5 2C13.641 2 13.759 2.048 13.856 2.144C13.952 2.241 14 2.359 14 2.5C14 2.641 13.952 2.759 13.856 2.856C13.759 2.952 13.641 3 13.5 3L8 3L8 7L12.5 7C12.641 7 12.759 7.048 12.856 7.144C12.952 7.241 13 7.359 13 7.5C13 7.641 12.952 7.759 12.856 7.856C12.759 7.952 12.641 8 12.5 8L8 8L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 2.5C7 2.359 7.048 2.241 7.144 2.144ZM2.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 "fahrenheit" (line-round), MIT. https://gentleface.com/icons/fahrenheit
import type { SVGProps } from 'react';

export function FahrenheitIcon(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.58ZM7.144 2.144C7.241 2.048 7.359 2 7.5 2L13.5 2C13.641 2 13.759 2.048 13.856 2.144C13.952 2.241 14 2.359 14 2.5C14 2.641 13.952 2.759 13.856 2.856C13.759 2.952 13.641 3 13.5 3L8 3L8 7L12.5 7C12.641 7 12.759 7.048 12.856 7.144C12.952 7.241 13 7.359 13 7.5C13 7.641 12.952 7.759 12.856 7.856C12.759 7.952 12.641 8 12.5 8L8 8L8 12.5C8 12.641 7.952 12.759 7.856 12.856C7.759 12.952 7.641 13 7.5 13C7.359 13 7.241 12.952 7.144 12.856C7.048 12.759 7 12.641 7 12.5L7 2.5C7 2.359 7.048 2.241 7.144 2.144ZM2.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/fahrenheit.md

Svelte

Svelte: see /icons/fahrenheit.md

HTML img

HTML img: see /icons/fahrenheit.md

CSS

CSS: see /icons/fahrenheit.md

Data URL

Data URL: see /icons/fahrenheit.md

Sprite

Sprite: see /icons/fahrenheit.md

SwiftUI

SwiftUI: see /icons/fahrenheit.md

Compose

Compose: see /icons/fahrenheit.md

Android XML

Android XML: see /icons/fahrenheit.md

Flutter

Flutter: see /icons/fahrenheit.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 { FahrenheitIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

fahrenheit, degrees fahrenheit

Alternatives

celsius: the °C unit
thermometer: temperature in general

Also fits

celsius: the °F unit

Tags

fahrenheit, degrees, degree-fahrenheit, temperature, imperial, unit, °f

Category

Weather

Component name

FahrenheitIcon

History

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

Since

version 0.2.0

Family 22

air-quality celsius 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/fahrenheit.json · Markdown: /icons/fahrenheit.md · SVG: https://gentleface.com/svg/{style}/16/fahrenheit.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/fahrenheit.png

fahrenheit icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp