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

thermometer-solid

The same icon in other sets

All thermometer icons →
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 TwoTonethermometerIonIconsthermometerKeyline IconsthermometerLine AwesomethermometerLucidethermometerMaterial Symbols

Related icons in Myna UI Icons

thermometer-snowflakethermometer-sun

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