thermometer icon
thermometer from Material Symbols by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.
- Name
- thermometer
- Set
- Material Symbols
- Style
- Regular
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- thermometer-rounded, thermometer-sharp
1 other variant in Material Symbols
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 SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial Symbols LightthermometerMaterial Design Icons
More household icons from Material Symbols
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 21q-2.075 0-3.537-1.463T7 16q0-1.2.525-2.238T9 12V6q0-1.25.875-2.125T12 3t2.125.875T15 6v6q.95.725 1.475 1.763T17 16q0 2.075-1.463 3.538T12 21m-1-11h2V6q0-.425-.288-.712T12 5t-.712.288T11 6z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsThermometer(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 21q-2.075 0-3.537-1.463T7 16q0-1.2.525-2.238T9 12V6q0-1.25.875-2.125T12 3t2.125.875T15 6v6q.95.725 1.475 1.763T17 16q0 2.075-1.463 3.538T12 21m-1-11h2V6q0-.425-.288-.712T12 5t-.712.288T11 6z"/></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 21q-2.075 0-3.537-1.463T7 16q0-1.2.525-2.238T9 12V6q0-1.25.875-2.125T12 3t2.125.875T15 6v6q.95.725 1.475 1.763T17 16q0 2.075-1.463 3.538T12 21m-1-11h2V6q0-.425-.288-.712T12 5t-.712.288T11 6z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021q-2.075%200-3.537-1.463T7%2016q0-1.2.525-2.238T9%2012V6q0-1.25.875-2.125T12%203t2.125.875T15%206v6q.95.725%201.475%201.763T17%2016q0%202.075-1.463%203.538T12%2021m-1-11h2V6q0-.425-.288-.712T12%205t-.712.288T11%206z%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%2021q-2.075%200-3.537-1.463T7%2016q0-1.2.525-2.238T9%2012V6q0-1.25.875-2.125T12%203t2.125.875T15%206v6q.95.725%201.475%201.763T17%2016q0%202.075-1.463%203.538T12%2021m-1-11h2V6q0-.425-.288-.712T12%205t-.712.288T11%206z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/thermometer.svg?color=%231a73e8&size=48
