thermometer icon
thermometer from Health Icons by Resolve to Save Lives · Filled · Devices · MIT Free for personal and commercial use.
- Name
- thermometer
- Set
- Health Icons
- Style
- Filled
- Category
- Devices
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
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.ggthermometerHuge IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
More devices icons from Health Icons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m18.983 29.739l-.002-1.779l-.005-6.211l-.01-12.407c-.002-2.96 2.234-5.36 4.996-5.362c2.761-.002 5.002 2.395 5.004 5.353l.01 12.408l.005 6.212l.002 1.778a8 8 0 1 1-10 .008m3.975-8.337c1.196.31 2.562.662 4.019.637l-.002-2.085l-2 .001a1 1 0 0 1-.002-2l2-.001l-.001-2l-2 .001a1 1 0 1 1-.002-2l2-.001l-.002-2l-2 .001a1 1 0 0 1-.001-2l2-.001v-.62c-.002-1.774-1.347-3.212-3.003-3.21c-1.657 0-3 1.44-2.998 3.216l.01 11.641c.585.06 1.252.233 1.982.421" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="m18.983 29.739l-.002-1.779l-.005-6.211l-.01-12.407c-.002-2.96 2.234-5.36 4.996-5.362c2.761-.002 5.002 2.395 5.004 5.353l.01 12.408l.005 6.212l.002 1.778a8 8 0 1 1-10 .008m3.975-8.337c1.196.31 2.562.662 4.019.637l-.002-2.085l-2 .001a1 1 0 0 1-.002-2l2-.001l-.001-2l-2 .001a1 1 0 1 1-.002-2l2-.001l-.002-2l-2 .001a1 1 0 0 1-.001-2l2-.001v-.62c-.002-1.774-1.347-3.212-3.003-3.21c-1.657 0-3 1.44-2.998 3.216l.01 11.641c.585.06 1.252.233 1.982.421" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m18.983 29.739l-.002-1.779l-.005-6.211l-.01-12.407c-.002-2.96 2.234-5.36 4.996-5.362c2.761-.002 5.002 2.395 5.004 5.353l.01 12.408l.005 6.212l.002 1.778a8 8 0 1 1-10 .008m3.975-8.337c1.196.31 2.562.662 4.019.637l-.002-2.085l-2 .001a1 1 0 0 1-.002-2l2-.001l-.001-2l-2 .001a1 1 0 1 1-.002-2l2-.001l-.002-2l-2 .001a1 1 0 0 1-.001-2l2-.001v-.62c-.002-1.774-1.347-3.212-3.003-3.21c-1.657 0-3 1.44-2.998 3.216l.01 11.641c.585.06 1.252.233 1.982.421" clip-rule="evenodd"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m18.983%2029.739l-.002-1.779l-.005-6.211l-.01-12.407c-.002-2.96%202.234-5.36%204.996-5.362c2.761-.002%205.002%202.395%205.004%205.353l.01%2012.408l.005%206.212l.002%201.778a8%208%200%201%201-10%20.008m3.975-8.337c1.196.31%202.562.662%204.019.637l-.002-2.085l-2%20.001a1%201%200%200%201-.002-2l2-.001l-.001-2l-2%20.001a1%201%200%201%201-.002-2l2-.001l-.002-2l-2%20.001a1%201%200%200%201-.001-2l2-.001v-.62c-.002-1.774-1.347-3.212-3.003-3.21c-1.657%200-3%201.44-2.998%203.216l.01%2011.641c.585.06%201.252.233%201.982.421%22%20clip-rule%3D%22evenodd%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m18.983%2029.739l-.002-1.779l-.005-6.211l-.01-12.407c-.002-2.96%202.234-5.36%204.996-5.362c2.761-.002%205.002%202.395%205.004%205.353l.01%2012.408l.005%206.212l.002%201.778a8%208%200%201%201-10%20.008m3.975-8.337c1.196.31%202.562.662%204.019.637l-.002-2.085l-2%20.001a1%201%200%200%201-.002-2l2-.001l-.001-2l-2%20.001a1%201%200%201%201-.002-2l2-.001l-.002-2l-2%20.001a1%201%200%200%201-.001-2l2-.001v-.62c-.002-1.774-1.347-3.212-3.003-3.21c-1.657%200-3%201.44-2.998%203.216l.01%2011.641c.585.06%201.252.233%201.982.421%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/thermometer.svg?color=%231a73e8&size=48
