thermometer icon

thermometer from Line Awesome by Icons8 · Line · Medical · Apache-2.0 Free for personal and commercial use.

Name
thermometer
Set
Line Awesome
Style
Line
Category
Medical
Viewbox
32×32
License
Apache 2.0
Aliases
thermometer-solid

The same icon in other sets

More medical icons from Line Awesome

Use the thermometer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.75 4a6.3 6.3 0 0 0-4.438 1.844l-7.656 7.625l-.125.156A5.23 5.23 0 0 0 8 17.313v2.312l-3.094 3.063l-.031.062c-1.152 1.207-1.156 3.156.031 4.344c1.203 1.203 3.203 1.203 4.407 0L12.374 24h2.313a5.23 5.23 0 0 0 3.687-1.531l7.781-7.782c2.434-2.433 2.434-6.41 0-8.843A6.22 6.22 0 0 0 21.75 4m0 2c1.086 0 2.164.414 3 1.25a4.253 4.253 0 0 1 0 6.031l-7.781 7.781a3.24 3.24 0 0 1-2.282.938h-3.124l-3.688 3.688a1.094 1.094 0 0 1-1.563 0a1.094 1.094 0 0 1 0-1.563L10 20.437v-3.125c0-.851.336-1.68.938-2.28l.843-.845l1 1.032l1.438-1.438l-1-1l1.562-1.562l1 1l1.438-1.438l-1-1L17.78 8.22l1 1l1.44-1.44l-.969-.968A4.25 4.25 0 0 1 21.75 6m.531 2.281L10.063 20.5l1.437 1.438l12.219-12.22z"/></svg>

React

import type { SVGProps } from "react";

export function LaThermometer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.75 4a6.3 6.3 0 0 0-4.438 1.844l-7.656 7.625l-.125.156A5.23 5.23 0 0 0 8 17.313v2.312l-3.094 3.063l-.031.062c-1.152 1.207-1.156 3.156.031 4.344c1.203 1.203 3.203 1.203 4.407 0L12.374 24h2.313a5.23 5.23 0 0 0 3.687-1.531l7.781-7.782c2.434-2.433 2.434-6.41 0-8.843A6.22 6.22 0 0 0 21.75 4m0 2c1.086 0 2.164.414 3 1.25a4.253 4.253 0 0 1 0 6.031l-7.781 7.781a3.24 3.24 0 0 1-2.282.938h-3.124l-3.688 3.688a1.094 1.094 0 0 1-1.563 0a1.094 1.094 0 0 1 0-1.563L10 20.437v-3.125c0-.851.336-1.68.938-2.28l.843-.845l1 1.032l1.438-1.438l-1-1l1.562-1.562l1 1l1.438-1.438l-1-1L17.78 8.22l1 1l1.44-1.44l-.969-.968A4.25 4.25 0 0 1 21.75 6m.531 2.281L10.063 20.5l1.437 1.438l12.219-12.22z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.75 4a6.3 6.3 0 0 0-4.438 1.844l-7.656 7.625l-.125.156A5.23 5.23 0 0 0 8 17.313v2.312l-3.094 3.063l-.031.062c-1.152 1.207-1.156 3.156.031 4.344c1.203 1.203 3.203 1.203 4.407 0L12.374 24h2.313a5.23 5.23 0 0 0 3.687-1.531l7.781-7.782c2.434-2.433 2.434-6.41 0-8.843A6.22 6.22 0 0 0 21.75 4m0 2c1.086 0 2.164.414 3 1.25a4.253 4.253 0 0 1 0 6.031l-7.781 7.781a3.24 3.24 0 0 1-2.282.938h-3.124l-3.688 3.688a1.094 1.094 0 0 1-1.563 0a1.094 1.094 0 0 1 0-1.563L10 20.437v-3.125c0-.851.336-1.68.938-2.28l.843-.845l1 1.032l1.438-1.438l-1-1l1.562-1.562l1 1l1.438-1.438l-1-1L17.78 8.22l1 1l1.44-1.44l-.969-.968A4.25 4.25 0 0 1 21.75 6m.531 2.281L10.063 20.5l1.437 1.438l12.219-12.22z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.75%204a6.3%206.3%200%200%200-4.438%201.844l-7.656%207.625l-.125.156A5.23%205.23%200%200%200%208%2017.313v2.312l-3.094%203.063l-.031.062c-1.152%201.207-1.156%203.156.031%204.344c1.203%201.203%203.203%201.203%204.407%200L12.374%2024h2.313a5.23%205.23%200%200%200%203.687-1.531l7.781-7.782c2.434-2.433%202.434-6.41%200-8.843A6.22%206.22%200%200%200%2021.75%204m0%202c1.086%200%202.164.414%203%201.25a4.253%204.253%200%200%201%200%206.031l-7.781%207.781a3.24%203.24%200%200%201-2.282.938h-3.124l-3.688%203.688a1.094%201.094%200%200%201-1.563%200a1.094%201.094%200%200%201%200-1.563L10%2020.437v-3.125c0-.851.336-1.68.938-2.28l.843-.845l1%201.032l1.438-1.438l-1-1l1.562-1.562l1%201l1.438-1.438l-1-1L17.78%208.22l1%201l1.44-1.44l-.969-.968A4.25%204.25%200%200%201%2021.75%206m.531%202.281L10.063%2020.5l1.437%201.438l12.219-12.22z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.75%204a6.3%206.3%200%200%200-4.438%201.844l-7.656%207.625l-.125.156A5.23%205.23%200%200%200%208%2017.313v2.312l-3.094%203.063l-.031.062c-1.152%201.207-1.156%203.156.031%204.344c1.203%201.203%203.203%201.203%204.407%200L12.374%2024h2.313a5.23%205.23%200%200%200%203.687-1.531l7.781-7.782c2.434-2.433%202.434-6.41%200-8.843A6.22%206.22%200%200%200%2021.75%204m0%202c1.086%200%202.164.414%203%201.25a4.253%204.253%200%200%201%200%206.031l-7.781%207.781a3.24%203.24%200%200%201-2.282.938h-3.124l-3.688%203.688a1.094%201.094%200%200%201-1.563%200a1.094%201.094%200%200%201%200-1.563L10%2020.437v-3.125c0-.851.336-1.68.938-2.28l.843-.845l1%201.032l1.438-1.438l-1-1l1.562-1.562l1%201l1.438-1.438l-1-1L17.78%208.22l1%201l1.44-1.44l-.969-.968A4.25%204.25%200%200%201%2021.75%206m.531%202.281L10.063%2020.5l1.437%201.438l12.219-12.22z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/thermometer.svg?color=%231a73e8&size=48