thermometer icon
thermometer from Unicons by Iconscout · Line · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- thermometer
- Set
- Unicons
- Style
- Line
- Category
- Medical
- Viewbox
- 24×24
- License
- Apache 2.0
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 IconsthermometerHuge IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols Light
More medical icons from Unicons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.29 6.29l-7 7a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l7-7a1 1 0 1 0-1.42-1.42m4.25-2.83a5 5 0 0 0-7.08 0l-8.17 8.23a1 1 0 0 0-.29.7v5.19l-2.71 2.71a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0L6.42 19h5.19a1 1 0 0 0 .7-.29l8.23-8.17a5 5 0 0 0 0-7.08m-1.42 5.66L11.2 17H7v-4.2l7.88-7.92a3 3 0 0 1 4.24 4.24"/></svg>
React
import type { SVGProps } from "react";
export function UilThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.29 6.29l-7 7a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l7-7a1 1 0 1 0-1.42-1.42m4.25-2.83a5 5 0 0 0-7.08 0l-8.17 8.23a1 1 0 0 0-.29.7v5.19l-2.71 2.71a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0L6.42 19h5.19a1 1 0 0 0 .7-.29l8.23-8.17a5 5 0 0 0 0-7.08m-1.42 5.66L11.2 17H7v-4.2l7.88-7.92a3 3 0 0 1 4.24 4.24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.29 6.29l-7 7a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l7-7a1 1 0 1 0-1.42-1.42m4.25-2.83a5 5 0 0 0-7.08 0l-8.17 8.23a1 1 0 0 0-.29.7v5.19l-2.71 2.71a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0L6.42 19h5.19a1 1 0 0 0 .7-.29l8.23-8.17a5 5 0 0 0 0-7.08m-1.42 5.66L11.2 17H7v-4.2l7.88-7.92a3 3 0 0 1 4.24 4.24"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.29%206.29l-7%207a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l7-7a1%201%200%201%200-1.42-1.42m4.25-2.83a5%205%200%200%200-7.08%200l-8.17%208.23a1%201%200%200%200-.29.7v5.19l-2.71%202.71a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200L6.42%2019h5.19a1%201%200%200%200%20.7-.29l8.23-8.17a5%205%200%200%200%200-7.08m-1.42%205.66L11.2%2017H7v-4.2l7.88-7.92a3%203%200%200%201%204.24%204.24%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.29%206.29l-7%207a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200l7-7a1%201%200%201%200-1.42-1.42m4.25-2.83a5%205%200%200%200-7.08%200l-8.17%208.23a1%201%200%200%200-.29.7v5.19l-2.71%202.71a1%201%200%200%200%200%201.42a1%201%200%200%200%201.42%200L6.42%2019h5.19a1%201%200%200%200%20.7-.29l8.23-8.17a5%205%200%200%200%200-7.08m-1.42%205.66L11.2%2017H7v-4.2l7.88-7.92a3%203%200%200%201%204.24%204.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/thermometer.svg?color=%231a73e8&size=48
