ios thermometer icon

ios-thermometer from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: ios-thermometer
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

Use the ios thermometer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M309.8 304.6c-4.3-3-6.9-7.9-6.9-13.1v-213c0-25.7-21-46.5-47-46.5s-47 20.8-47 46.5v213c0 5.2-2.6 10.2-6.9 13.1-25.2 17.3-42 46.4-42 79.3 0 53 43 96 96 96s96-43 96-96c0-32.9-17-62.1-42.2-79.3zM256.1 445c-32 0-58.1-26.3-58.1-58.8 0-25.4 15.4-47.1 37.9-55.3 3.2-1.2 5.4-4.1 5.4-7.5V180.2c0-8 6.5-14.5 14.5-14.5s14.5 6.5 14.5 14.5v143.2c0 3.4 2.1 6.3 5.3 7.5 21.9 8.2 38.4 29.9 38.4 55.2 0 32.5-25.8 58.9-57.9 58.9z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIosThermometer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M309.8 304.6c-4.3-3-6.9-7.9-6.9-13.1v-213c0-25.7-21-46.5-47-46.5s-47 20.8-47 46.5v213c0 5.2-2.6 10.2-6.9 13.1-25.2 17.3-42 46.4-42 79.3 0 53 43 96 96 96s96-43 96-96c0-32.9-17-62.1-42.2-79.3zM256.1 445c-32 0-58.1-26.3-58.1-58.8 0-25.4 15.4-47.1 37.9-55.3 3.2-1.2 5.4-4.1 5.4-7.5V180.2c0-8 6.5-14.5 14.5-14.5s14.5 6.5 14.5 14.5v143.2c0 3.4 2.1 6.3 5.3 7.5 21.9 8.2 38.4 29.9 38.4 55.2 0 32.5-25.8 58.9-57.9 58.9z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M309.8 304.6c-4.3-3-6.9-7.9-6.9-13.1v-213c0-25.7-21-46.5-47-46.5s-47 20.8-47 46.5v213c0 5.2-2.6 10.2-6.9 13.1-25.2 17.3-42 46.4-42 79.3 0 53 43 96 96 96s96-43 96-96c0-32.9-17-62.1-42.2-79.3zM256.1 445c-32 0-58.1-26.3-58.1-58.8 0-25.4 15.4-47.1 37.9-55.3 3.2-1.2 5.4-4.1 5.4-7.5V180.2c0-8 6.5-14.5 14.5-14.5s14.5 6.5 14.5 14.5v143.2c0 3.4 2.1 6.3 5.3 7.5 21.9 8.2 38.4 29.9 38.4 55.2 0 32.5-25.8 58.9-57.9 58.9z" fill="currentColor"/></svg>
</template>

CSS

.icon-ios-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%20512%20512%22%3E%3Cpath%20d%3D%22M309.8%20304.6c-4.3-3-6.9-7.9-6.9-13.1v-213c0-25.7-21-46.5-47-46.5s-47%2020.8-47%2046.5v213c0%205.2-2.6%2010.2-6.9%2013.1-25.2%2017.3-42%2046.4-42%2079.3%200%2053%2043%2096%2096%2096s96-43%2096-96c0-32.9-17-62.1-42.2-79.3zM256.1%20445c-32%200-58.1-26.3-58.1-58.8%200-25.4%2015.4-47.1%2037.9-55.3%203.2-1.2%205.4-4.1%205.4-7.5V180.2c0-8%206.5-14.5%2014.5-14.5s14.5%206.5%2014.5%2014.5v143.2c0%203.4%202.1%206.3%205.3%207.5%2021.9%208.2%2038.4%2029.9%2038.4%2055.2%200%2032.5-25.8%2058.9-57.9%2058.9z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M309.8%20304.6c-4.3-3-6.9-7.9-6.9-13.1v-213c0-25.7-21-46.5-47-46.5s-47%2020.8-47%2046.5v213c0%205.2-2.6%2010.2-6.9%2013.1-25.2%2017.3-42%2046.4-42%2079.3%200%2053%2043%2096%2096%2096s96-43%2096-96c0-32.9-17-62.1-42.2-79.3zM256.1%20445c-32%200-58.1-26.3-58.1-58.8%200-25.4%2015.4-47.1%2037.9-55.3%203.2-1.2%205.4-4.1%205.4-7.5V180.2c0-8%206.5-14.5%2014.5-14.5s14.5%206.5%2014.5%2014.5v143.2c0%203.4%202.1%206.3%205.3%207.5%2021.9%208.2%2038.4%2029.9%2038.4%2055.2%200%2032.5-25.8%2058.9-57.9%2058.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

ios thermometer icon

Related icons in IonIcons

Use the ios thermometer icon

SVG

React

Vue

CSS