thermometer icon
thermometer from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- thermometer
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
thermometerBootstrap IconsthermometerBoxIcons v2 SolidthermometerEmoji One (Colored)thermometer-fillEva IconsthermometerFramework7 IconsthermometerFont Awesome 6 SolidthermometerFont Awesome SolidthermometerFeather IconsthermometerFluent EmojithermometerFluent Emoji FlatthermometerFluent Emoji High ContrastthermometerFirefox OS Emojithermometercss.ggthermometerHealth IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
Related icons in Huge Icons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m13.88 15.937l6.794-7.764c.748-.855 1.122-1.282 1.251-1.76a2.14 2.14 0 0 0-.042-1.258c-.16-.468-.562-.87-1.365-1.673s-1.205-1.204-1.673-1.365a2.14 2.14 0 0 0-1.258-.042c-.477.13-.905.503-1.76 1.251L8.063 10.12c-.956.836-1.433 1.254-1.715 1.806c-.28.551-.338 1.184-.453 2.448l-.023.258c-.061.668-.092 1.002-.22 1.307c-.127.304-.343.56-.777 1.072l-2.6 3.073a1.164 1.164 0 0 0 1.64 1.64l3.074-2.6c.512-.433.768-.65 1.072-.777s.639-.158 1.307-.219l.258-.023c1.264-.115 1.897-.172 2.448-.454c.552-.28.97-.758 1.806-1.714"/><path d="m7.79 9.895l1.58.948a.787.787 0 0 1 .27 1.08l-.292.486a1.634 1.634 0 0 0 2.242 2.243l.487-.292a.787.787 0 0 1 1.08.27l.948 1.58"/><path stroke-linecap="round" d="m17.263 6.737l-3.158 3.158"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path strokeLinecap="round" d="m13.88 15.937l6.794-7.764c.748-.855 1.122-1.282 1.251-1.76a2.14 2.14 0 0 0-.042-1.258c-.16-.468-.562-.87-1.365-1.673s-1.205-1.204-1.673-1.365a2.14 2.14 0 0 0-1.258-.042c-.477.13-.905.503-1.76 1.251L8.063 10.12c-.956.836-1.433 1.254-1.715 1.806c-.28.551-.338 1.184-.453 2.448l-.023.258c-.061.668-.092 1.002-.22 1.307c-.127.304-.343.56-.777 1.072l-2.6 3.073a1.164 1.164 0 0 0 1.64 1.64l3.074-2.6c.512-.433.768-.65 1.072-.777s.639-.158 1.307-.219l.258-.023c1.264-.115 1.897-.172 2.448-.454c.552-.28.97-.758 1.806-1.714"/><path d="m7.79 9.895l1.58.948a.787.787 0 0 1 .27 1.08l-.292.486a1.634 1.634 0 0 0 2.242 2.243l.487-.292a.787.787 0 0 1 1.08.27l.948 1.58"/><path strokeLinecap="round" d="m17.263 6.737l-3.158 3.158"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m13.88 15.937l6.794-7.764c.748-.855 1.122-1.282 1.251-1.76a2.14 2.14 0 0 0-.042-1.258c-.16-.468-.562-.87-1.365-1.673s-1.205-1.204-1.673-1.365a2.14 2.14 0 0 0-1.258-.042c-.477.13-.905.503-1.76 1.251L8.063 10.12c-.956.836-1.433 1.254-1.715 1.806c-.28.551-.338 1.184-.453 2.448l-.023.258c-.061.668-.092 1.002-.22 1.307c-.127.304-.343.56-.777 1.072l-2.6 3.073a1.164 1.164 0 0 0 1.64 1.64l3.074-2.6c.512-.433.768-.65 1.072-.777s.639-.158 1.307-.219l.258-.023c1.264-.115 1.897-.172 2.448-.454c.552-.28.97-.758 1.806-1.714"/><path d="m7.79 9.895l1.58.948a.787.787 0 0 1 .27 1.08l-.292.486a1.634 1.634 0 0 0 2.242 2.243l.487-.292a.787.787 0 0 1 1.08.27l.948 1.58"/><path stroke-linecap="round" d="m17.263 6.737l-3.158 3.158"/></g></svg> </template>
CSS
.icon-thermometer {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m13.88%2015.937l6.794-7.764c.748-.855%201.122-1.282%201.251-1.76a2.14%202.14%200%200%200-.042-1.258c-.16-.468-.562-.87-1.365-1.673s-1.205-1.204-1.673-1.365a2.14%202.14%200%200%200-1.258-.042c-.477.13-.905.503-1.76%201.251L8.063%2010.12c-.956.836-1.433%201.254-1.715%201.806c-.28.551-.338%201.184-.453%202.448l-.023.258c-.061.668-.092%201.002-.22%201.307c-.127.304-.343.56-.777%201.072l-2.6%203.073a1.164%201.164%200%200%200%201.64%201.64l3.074-2.6c.512-.433.768-.65%201.072-.777s.639-.158%201.307-.219l.258-.023c1.264-.115%201.897-.172%202.448-.454c.552-.28.97-.758%201.806-1.714%22%2F%3E%3Cpath%20d%3D%22m7.79%209.895l1.58.948a.787.787%200%200%201%20.27%201.08l-.292.486a1.634%201.634%200%200%200%202.242%202.243l.487-.292a.787.787%200%200%201%201.08.27l.948%201.58%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m17.263%206.737l-3.158%203.158%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m13.88%2015.937l6.794-7.764c.748-.855%201.122-1.282%201.251-1.76a2.14%202.14%200%200%200-.042-1.258c-.16-.468-.562-.87-1.365-1.673s-1.205-1.204-1.673-1.365a2.14%202.14%200%200%200-1.258-.042c-.477.13-.905.503-1.76%201.251L8.063%2010.12c-.956.836-1.433%201.254-1.715%201.806c-.28.551-.338%201.184-.453%202.448l-.023.258c-.061.668-.092%201.002-.22%201.307c-.127.304-.343.56-.777%201.072l-2.6%203.073a1.164%201.164%200%200%200%201.64%201.64l3.074-2.6c.512-.433.768-.65%201.072-.777s.639-.158%201.307-.219l.258-.023c1.264-.115%201.897-.172%202.448-.454c.552-.28.97-.758%201.806-1.714%22%2F%3E%3Cpath%20d%3D%22m7.79%209.895l1.58.948a.787.787%200%200%201%20.27%201.08l-.292.486a1.634%201.634%200%200%200%202.242%202.243l.487-.292a.787.787%200%200%201%201.08.27l.948%201.58%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m17.263%206.737l-3.158%203.158%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/thermometer.svg?color=%231a73e8&size=48
