thermometer icon
thermometer from IconPark Solid by ByteDance · Solid · Measurement · Apache-2.0 Free for personal and commercial use.
- Name
- thermometer
- Set
- IconPark Solid
- Style
- Solid
- 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 TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
More measurement icons from IconPark Solid
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="SVGRiMS8beK1"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" 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="#000" stroke-linecap="round" d="M24 17v13"/><path fill="#000" stroke="#000" 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(#SVGRiMS8beK1)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidThermometer(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="SVGRiMS8beK1"><g fill="none" strokeLinejoin="round" strokeWidth="4"><path fill="#fff" stroke="#fff" 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="#000" strokeLinecap="round" d="M24 17v13"/><path fill="#000" stroke="#000" 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(#SVGRiMS8beK1)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGRiMS8beK1"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" 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="#000" stroke-linecap="round" d="M24 17v13"/><path fill="#000" stroke="#000" 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(#SVGRiMS8beK1)"/></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%22SVGRiMS8beK1%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%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%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M24%2017v13%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%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(%23SVGRiMS8beK1)%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%22SVGRiMS8beK1%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%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%3D%22%23000%22%20stroke-linecap%3D%22round%22%20d%3D%22M24%2017v13%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20stroke%3D%22%23000%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(%23SVGRiMS8beK1)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/thermometer.svg?color=%231a73e8&size=48
