thermometer icon
thermometer from IconPark TwoTone by ByteDance · Two tone · Measurement · Apache-2.0 Free for personal and commercial use.
- Name
- thermometer
- Set
- IconPark TwoTone
- Style
- Two tone
- Category
- Measurement
- Viewbox
- 48×48
- 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 SolidthermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
More measurement icons from IconPark TwoTone
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGJ6yoqbiA"><g fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M18 26V10a6 6 0 0 1 12 0v16a9.99 9.99 0 0 1 4 8c0 5.523-4.477 10-10 10s-10-4.477-10-10a9.99 9.99 0 0 1 4-8Z"/><path stroke-linecap="round" d="M24 17v13"/><path fill="#555" d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGJ6yoqbiA)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGJ6yoqbiA"><g fill="none" stroke="#fff" strokeLinejoin="round" strokeWidth="4"><path fill="#555" d="M18 26V10a6 6 0 0 1 12 0v16a9.99 9.99 0 0 1 4 8c0 5.523-4.477 10-10 10s-10-4.477-10-10a9.99 9.99 0 0 1 4-8Z"/><path strokeLinecap="round" d="M24 17v13"/><path fill="#555" d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGJ6yoqbiA)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGJ6yoqbiA"><g fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="4"><path fill="#555" d="M18 26V10a6 6 0 0 1 12 0v16a9.99 9.99 0 0 1 4 8c0 5.523-4.477 10-10 10s-10-4.477-10-10a9.99 9.99 0 0 1 4-8Z"/><path stroke-linecap="round" d="M24 17v13"/><path fill="#555" d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGJ6yoqbiA)"/></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%3Cdefs%3E%3Cmask%20id%3D%22SVGJ6yoqbiA%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M18%2026V10a6%206%200%200%201%2012%200v16a9.99%209.99%200%200%201%204%208c0%205.523-4.477%2010-10%2010s-10-4.477-10-10a9.99%209.99%200%200%201%204-8Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M24%2017v13%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M24%2038a4%204%200%201%200%200-8a4%204%200%200%200%200%208Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGJ6yoqbiA)%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%3Cdefs%3E%3Cmask%20id%3D%22SVGJ6yoqbiA%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M18%2026V10a6%206%200%200%201%2012%200v16a9.99%209.99%200%200%201%204%208c0%205.523-4.477%2010-10%2010s-10-4.477-10-10a9.99%209.99%200%200%201%204-8Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M24%2017v13%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M24%2038a4%204%200%201%200%200-8a4%204%200%200%200%200%208Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGJ6yoqbiA)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/thermometer.svg?color=%231a73e8&size=48
