thermometer icon
thermometer from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.
- Name
- thermometer
- Set
- Myna UI Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI 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.ggthermometerHealth IconsthermometerHuge IconsthermometerIconParkthermometerIconPark OutlinethermometerIconPark SolidthermometerIconPark TwoTonethermometerIonIconsthermometerLine AwesomethermometerLucidethermometerMaterial SymbolsthermometerMaterial Symbols Light
Related icons in Myna UI Icons
Use the thermometer icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 12 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 10 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 16 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417"/></svg>
React
import type { SVGProps } from "react";
export function MynauiThermometer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M14.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 12 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 10 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 16 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 12 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 10 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 16 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417"/></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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14.155%2013.86a.3.3%200%200%201-.114-.116a.3.3%200%200%201-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04%202.04%200%200%200%2012%203c-.53%200-1.04.203-1.414.565A1.9%201.9%200%200%200%2010%204.929v8.66a.3.3%200%200%201-.041.155a.3.3%200%200%201-.114.116a3.97%203.97%200%200%200-1.396%201.493a3.8%203.8%200%200%200-.445%201.965a3.8%203.8%200%200%200%201.266%202.644a4.1%204.1%200%200%200%202.82%201.037a4.07%204.07%200%200%200%202.77-1.16A3.8%203.8%200%200%200%2016%2017.145c0-.652-.168-1.294-.49-1.867a4%204%200%200%200-1.355-1.417%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M14.155%2013.86a.3.3%200%200%201-.114-.116a.3.3%200%200%201-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04%202.04%200%200%200%2012%203c-.53%200-1.04.203-1.414.565A1.9%201.9%200%200%200%2010%204.929v8.66a.3.3%200%200%201-.041.155a.3.3%200%200%201-.114.116a3.97%203.97%200%200%200-1.396%201.493a3.8%203.8%200%200%200-.445%201.965a3.8%203.8%200%200%200%201.266%202.644a4.1%204.1%200%200%200%202.82%201.037a4.07%204.07%200%200%200%202.77-1.16A3.8%203.8%200%200%200%2016%2017.145c0-.652-.168-1.294-.49-1.867a4%204%200%200%200-1.355-1.417%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/thermometer.svg?color=%231a73e8&size=48
