thermometer icon
thermometer from IconPark Outline by ByteDance · Outline · Measurement · Apache-2.0 Free for personal and commercial use.
- Name
- thermometer
- Set
- IconPark Outline
- Style
- Outline
- 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 SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols LightthermometerMaterial Design Icons
More measurement icons from IconPark Outline
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path 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 d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkOutlineThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="4"><path 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 d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="4"><path 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 d="M24 38a4 4 0 1 0 0-8a4 4 0 0 0 0 8Z"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%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%20d%3D%22M24%2038a4%204%200%201%200%200-8a4%204%200%200%200%200%208Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%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%20d%3D%22M24%2038a4%204%200%201%200%200-8a4%204%200%200%200%200%208Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-outline/thermometer.svg?color=%231a73e8&size=48
