temperature empty icon

temperature-empty from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: temperature-empty
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 320×512
License: CC BY 4.0

The same icon in other sets

temperature-emptyFont Awesome Solid temperature-emptyUnicons

Related icons in Font Awesome 6 Solid

temperature-arrow-down temperature-arrow-up temperature-full temperature-half temperature-high temperature-low temperature-quarter temperature-three-quarters

Use the temperature empty icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M112 112c0-26.5 21.5-48 48-48s48 21.5 48 48v164.5c0 17.3 7.1 31.9 15.3 42.5c10.5 13.6 16.7 30.5 16.7 49c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-18.5 6.2-35.4 16.7-48.9c8.2-10.6 15.3-25.2 15.3-42.5zM160 0C98.1 0 48 50.2 48 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C27.2 304.2 16 334.8 16 368c0 79.5 64.5 144 144 144s144-64.5 144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C272 50.2 221.9 0 160 0m0 416a48 48 0 1 0 0-96a48 48 0 1 0 0 96"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTemperatureEmpty(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M112 112c0-26.5 21.5-48 48-48s48 21.5 48 48v164.5c0 17.3 7.1 31.9 15.3 42.5c10.5 13.6 16.7 30.5 16.7 49c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-18.5 6.2-35.4 16.7-48.9c8.2-10.6 15.3-25.2 15.3-42.5zM160 0C98.1 0 48 50.2 48 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C27.2 304.2 16 334.8 16 368c0 79.5 64.5 144 144 144s144-64.5 144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C272 50.2 221.9 0 160 0m0 416a48 48 0 1 0 0-96a48 48 0 1 0 0 96"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M112 112c0-26.5 21.5-48 48-48s48 21.5 48 48v164.5c0 17.3 7.1 31.9 15.3 42.5c10.5 13.6 16.7 30.5 16.7 49c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-18.5 6.2-35.4 16.7-48.9c8.2-10.6 15.3-25.2 15.3-42.5zM160 0C98.1 0 48 50.2 48 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C27.2 304.2 16 334.8 16 368c0 79.5 64.5 144 144 144s144-64.5 144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C272 50.2 221.9 0 160 0m0 416a48 48 0 1 0 0-96a48 48 0 1 0 0 96"/></svg>
</template>

CSS

.icon-temperature-empty {
  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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112%20112c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v164.5c0%2017.3%207.1%2031.9%2015.3%2042.5c10.5%2013.6%2016.7%2030.5%2016.7%2049c0%2044.2-35.8%2080-80%2080s-80-35.8-80-80c0-18.5%206.2-35.4%2016.7-48.9c8.2-10.6%2015.3-25.2%2015.3-42.5zM160%200C98.1%200%2048%2050.2%2048%20112v164.4c0%20.1-.1.3-.2.6c-.2.6-.8%201.6-1.7%202.8C27.2%20304.2%2016%20334.8%2016%20368c0%2079.5%2064.5%20144%20144%20144s144-64.5%20144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C272%2050.2%20221.9%200%20160%200m0%20416a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096%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%20320%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M112%20112c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v164.5c0%2017.3%207.1%2031.9%2015.3%2042.5c10.5%2013.6%2016.7%2030.5%2016.7%2049c0%2044.2-35.8%2080-80%2080s-80-35.8-80-80c0-18.5%206.2-35.4%2016.7-48.9c8.2-10.6%2015.3-25.2%2015.3-42.5zM160%200C98.1%200%2048%2050.2%2048%20112v164.4c0%20.1-.1.3-.2.6c-.2.6-.8%201.6-1.7%202.8C27.2%20304.2%2016%20334.8%2016%20368c0%2079.5%2064.5%20144%20144%20144s144-64.5%20144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C272%2050.2%20221.9%200%20160%200m0%20416a48%2048%200%201%200%200-96a48%2048%200%201%200%200%2096%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/temperature-empty.svg?color=%231a73e8&size=48