thermometer icon
thermometer-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.
- Name
- thermometer-outline
- Set
- Eva Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Eva Icons
The same icon in other sets
thermometerBootstrap IconsthermometerBoxIcons v2 SolidthermometerEmoji One (Colored)thermometerFramework7 IconsthermometerFont Awesome 6 SolidthermometerFont Awesome SolidthermometerFeather IconsthermometerFluent EmojithermometerFluent Emoji FlatthermometerFluent Emoji High ContrastthermometerFirefox OS Emojithermometercss.ggthermometerHealth IconsthermometerHuge IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
Related icons in Eva Icons
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="M12 22a5 5 0 0 1-3-9V5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v8a5 5 0 0 1-3 9m0-18a1 1 0 0 0-1 1v8.54a1 1 0 0 1-.5.87A3 3 0 0 0 9 17a3 3 0 0 0 6 0a3 3 0 0 0-1.5-2.59a1 1 0 0 1-.5-.87V5a.93.93 0 0 0-.29-.69A1 1 0 0 0 12 4"/></svg>
React
import type { SVGProps } from "react";
export function EvaThermometerOutline(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="M12 22a5 5 0 0 1-3-9V5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v8a5 5 0 0 1-3 9m0-18a1 1 0 0 0-1 1v8.54a1 1 0 0 1-.5.87A3 3 0 0 0 9 17a3 3 0 0 0 6 0a3 3 0 0 0-1.5-2.59a1 1 0 0 1-.5-.87V5a.93.93 0 0 0-.29-.69A1 1 0 0 0 12 4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a5 5 0 0 1-3-9V5a3 3 0 0 1 3-3a3 3 0 0 1 3 3v8a5 5 0 0 1-3 9m0-18a1 1 0 0 0-1 1v8.54a1 1 0 0 1-.5.87A3 3 0 0 0 9 17a3 3 0 0 0 6 0a3 3 0 0 0-1.5-2.59a1 1 0 0 1-.5-.87V5a.93.93 0 0 0-.29-.69A1 1 0 0 0 12 4"/></svg> </template>
CSS
.icon-thermometer-outline {
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%22M12%2022a5%205%200%200%201-3-9V5a3%203%200%200%201%203-3a3%203%200%200%201%203%203v8a5%205%200%200%201-3%209m0-18a1%201%200%200%200-1%201v8.54a1%201%200%200%201-.5.87A3%203%200%200%200%209%2017a3%203%200%200%200%206%200a3%203%200%200%200-1.5-2.59a1%201%200%200%201-.5-.87V5a.93.93%200%200%200-.29-.69A1%201%200%200%200%2012%204%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%22M12%2022a5%205%200%200%201-3-9V5a3%203%200%200%201%203-3a3%203%200%200%201%203%203v8a5%205%200%200%201-3%209m0-18a1%201%200%200%200-1%201v8.54a1%201%200%200%201-.5.87A3%203%200%200%200%209%2017a3%203%200%200%200%206%200a3%203%200%200%200-1.5-2.59a1%201%200%200%201-.5-.87V5a.93.93%200%200%200-.29-.69A1%201%200%200%200%2012%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/thermometer-outline.svg?color=%231a73e8&size=48
