Gentleface › Weather › thermometer-high

thermometer-high icon

Thermometer high: high temperature, fever, temperature high, overheating. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Animated thermometer-high-heat · line-round

The heat waves rise away and the column sinks. Then new waves rise from below and the column climbs with them right to the top of the tube, the bulb swelling, and eases back to its high mark.

Download SVG

Native SVG animation, with no CSS or script. It loops by itself. Inline it to take the text color: in an <img> it draws black. To play it once on hover or click, run 0.25 s to 2.45 s. Examples and helper.

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="M10.14 2.264C10.242 2.007 10.391 1.781 10.586 1.586C10.781 1.391 11.007 1.242 11.264 1.14C11.5 1.047 11.746 1 12 1C12.254 1 12.5 1.047 12.736 1.14C12.993 1.242 13.219 1.391 13.414 1.586C13.609 1.781 13.758 2.007 13.86 2.264C13.953 2.5 14 2.746 14 3L14 9.764C14.233 9.971 14.429 10.211 14.589 10.484C14.812 10.866 14.945 11.276 14.987 11.717C15.028 12.157 14.975 12.585 14.828 13.002C14.693 13.382 14.49 13.721 14.219 14.019C13.948 14.317 13.63 14.551 13.265 14.72C12.864 14.907 12.442 15 12 15C11.558 15 11.136 14.907 10.735 14.72C10.37 14.551 10.052 14.317 9.781 14.019C9.51 13.721 9.307 13.382 9.172 13.002C9.025 12.585 8.972 12.157 9.013 11.717C9.055 11.276 9.188 10.866 9.411 10.484C9.571 10.211 9.767 9.971 10 9.764L10 3C10 2.746 10.047 2.5 10.14 2.264ZM12.707 2.293C12.512 2.098 12.276 2 12 2C11.724 2 11.488 2.098 11.293 2.293C11.098 2.488 11 2.724 11 3L11 4L13 4L13 3C13 2.724 12.902 2.488 12.707 2.293ZM2.2 11.9C1.844 11.633 1.562 11.304 1.353 10.912C1.118 10.471 1 10 1 9.5C1 9 1.118 8.529 1.353 8.088C1.562 7.696 1.844 7.367 2.2 7.1C2.437 6.922 2.625 6.703 2.765 6.441C2.922 6.147 3 5.833 3 5.5C3 5.167 2.922 4.853 2.765 4.559C2.625 4.297 2.437 4.078 2.2 3.9C2.087 3.815 2.021 3.706 2.002 3.571C1.983 3.436 2.015 3.313 2.1 3.2C2.185 3.087 2.294 3.021 2.429 3.002C2.564 2.983 2.687 3.015 2.8 3.1C3.156 3.367 3.438 3.696 3.647 4.088C3.882 4.529 4 5 4 5.5C4 6 3.882 6.471 3.647 6.912C3.438 7.304 3.156 7.633 2.8 7.9C2.563 8.078 2.375 8.297 2.235 8.559C2.078 8.853 2 9.167 2 9.5C2 9.833 2.078 10.147 2.235 10.441C2.375 10.703 2.563 10.922 2.8 11.1C2.91 11.183 2.975 11.293 2.995 11.429C3.015 11.566 2.983 11.69 2.9 11.8C2.815 11.913 2.706 11.979 2.571 11.998C2.436 12.017 2.313 11.985 2.2 11.9ZM5 9.5C5 9 5.118 8.529 5.353 8.088C5.562 7.696 5.844 7.367 6.2 7.1C6.437 6.922 6.625 6.703 6.765 6.441C6.922 6.147 7 5.833 7 5.5C7 5.167 6.922 4.853 6.765 4.559C6.625 4.297 6.437 4.078 6.2 3.9C6.09 3.817 6.025 3.707 6.005 3.571C5.985 3.434 6.017 3.31 6.1 3.2C6.183 3.09 6.293 3.025 6.429 3.005C6.566 2.985 6.69 3.017 6.8 3.1C7.156 3.367 7.438 3.696 7.647 4.088C7.882 4.529 8 5 8 5.5C8 6 7.882 6.471 7.647 6.912C7.438 7.304 7.156 7.633 6.8 7.9C6.563 8.078 6.375 8.297 6.235 8.559C6.078 8.853 6 9.167 6 9.5C6 9.833 6.078 10.147 6.235 10.441C6.375 10.703 6.563 10.922 6.8 11.1C6.91 11.183 6.975 11.293 6.995 11.429C7.014 11.566 6.983 11.69 6.9 11.8C6.815 11.913 6.706 11.979 6.571 11.998C6.436 12.017 6.313 11.985 6.2 11.9C5.844 11.633 5.562 11.304 5.353 10.912C5.118 10.471 5 10 5 9.5Z"/></svg>

React

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

export function ThermometerHighIcon(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="M10.14 2.264C10.242 2.007 10.391 1.781 10.586 1.586C10.781 1.391 11.007 1.242 11.264 1.14C11.5 1.047 11.746 1 12 1C12.254 1 12.5 1.047 12.736 1.14C12.993 1.242 13.219 1.391 13.414 1.586C13.609 1.781 13.758 2.007 13.86 2.264C13.953 2.5 14 2.746 14 3L14 9.764C14.233 9.971 14.429 10.211 14.589 10.484C14.812 10.866 14.945 11.276 14.987 11.717C15.028 12.157 14.975 12.585 14.828 13.002C14.693 13.382 14.49 13.721 14.219 14.019C13.948 14.317 13.63 14.551 13.265 14.72C12.864 14.907 12.442 15 12 15C11.558 15 11.136 14.907 10.735 14.72C10.37 14.551 10.052 14.317 9.781 14.019C9.51 13.721 9.307 13.382 9.172 13.002C9.025 12.585 8.972 12.157 9.013 11.717C9.055 11.276 9.188 10.866 9.411 10.484C9.571 10.211 9.767 9.971 10 9.764L10 3C10 2.746 10.047 2.5 10.14 2.264ZM12.707 2.293C12.512 2.098 12.276 2 12 2C11.724 2 11.488 2.098 11.293 2.293C11.098 2.488 11 2.724 11 3L11 4L13 4L13 3C13 2.724 12.902 2.488 12.707 2.293ZM2.2 11.9C1.844 11.633 1.562 11.304 1.353 10.912C1.118 10.471 1 10 1 9.5C1 9 1.118 8.529 1.353 8.088C1.562 7.696 1.844 7.367 2.2 7.1C2.437 6.922 2.625 6.703 2.765 6.441C2.922 6.147 3 5.833 3 5.5C3 5.167 2.922 4.853 2.765 4.559C2.625 4.297 2.437 4.078 2.2 3.9C2.087 3.815 2.021 3.706 2.002 3.571C1.983 3.436 2.015 3.313 2.1 3.2C2.185 3.087 2.294 3.021 2.429 3.002C2.564 2.983 2.687 3.015 2.8 3.1C3.156 3.367 3.438 3.696 3.647 4.088C3.882 4.529 4 5 4 5.5C4 6 3.882 6.471 3.647 6.912C3.438 7.304 3.156 7.633 2.8 7.9C2.563 8.078 2.375 8.297 2.235 8.559C2.078 8.853 2 9.167 2 9.5C2 9.833 2.078 10.147 2.235 10.441C2.375 10.703 2.563 10.922 2.8 11.1C2.91 11.183 2.975 11.293 2.995 11.429C3.015 11.566 2.983 11.69 2.9 11.8C2.815 11.913 2.706 11.979 2.571 11.998C2.436 12.017 2.313 11.985 2.2 11.9ZM5 9.5C5 9 5.118 8.529 5.353 8.088C5.562 7.696 5.844 7.367 6.2 7.1C6.437 6.922 6.625 6.703 6.765 6.441C6.922 6.147 7 5.833 7 5.5C7 5.167 6.922 4.853 6.765 4.559C6.625 4.297 6.437 4.078 6.2 3.9C6.09 3.817 6.025 3.707 6.005 3.571C5.985 3.434 6.017 3.31 6.1 3.2C6.183 3.09 6.293 3.025 6.429 3.005C6.566 2.985 6.69 3.017 6.8 3.1C7.156 3.367 7.438 3.696 7.647 4.088C7.882 4.529 8 5 8 5.5C8 6 7.882 6.471 7.647 6.912C7.438 7.304 7.156 7.633 6.8 7.9C6.563 8.078 6.375 8.297 6.235 8.559C6.078 8.853 6 9.167 6 9.5C6 9.833 6.078 10.147 6.235 10.441C6.375 10.703 6.563 10.922 6.8 11.1C6.91 11.183 6.975 11.293 6.995 11.429C7.014 11.566 6.983 11.69 6.9 11.8C6.815 11.913 6.706 11.979 6.571 11.998C6.436 12.017 6.313 11.985 6.2 11.9C5.844 11.633 5.562 11.304 5.353 10.912C5.118 10.471 5 10 5 9.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/thermometer-high.md

Svelte

Svelte: see /icons/thermometer-high.md

HTML img

HTML img: see /icons/thermometer-high.md

CSS

CSS: see /icons/thermometer-high.md

Data URL

Data URL: see /icons/thermometer-high.md

Sprite

Sprite: see /icons/thermometer-high.md

SwiftUI

SwiftUI: see /icons/thermometer-high.md

Compose

Compose: see /icons/thermometer-high.md

Android XML

Android XML: see /icons/thermometer-high.md

Flutter

Flutter: see /icons/thermometer-high.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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 { ThermometerHighIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

high temperature, fever, temperature high, overheating, symptoms, symptom checker, sick leave, sick day, high fever

Alternatives

thermometer-sun: hot weather or a heat warning
thermometer: a body-temperature reading

Don’t confuse with

flame: flame owns hot and trending

Also fits

temperature: a high temperature or a fever

Tags

thermometer, high-temperature, hot, heat, fever, temperature, warm, mercury, level

Category

Weather

Component name

ThermometerHighIcon

History

2026-11-05 added
2026-11-06 20 px drawn, 24 px drawn, released in 0.4.0

Since

version 0.4.0

Family 50

air-quality avalanche celsius earthquake eclipse fahrenheit flood haze hurricane landslide moon moon-off

More weather icons

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

For agents

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

thermometer-high icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp