temperature half icon
temperature-half from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- temperature-half
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 320×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the temperature half icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M160 64c-26.5 0-48 21.5-48 48v164.5c0 17.3-7.1 31.9-15.3 42.5C86.2 332.6 80 349.5 80 368c0 44.2 35.8 80 80 80s80-35.8 80-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48M48 112C48 50.2 98.1 0 160 0s112 50.1 112 112v164.4c0 .1.1.3.2.6c.2.6.8 1.6 1.7 2.8c18.9 24.4 30.1 55 30.1 88.1c0 79.5-64.5 144-144 144S16 447.5 16 368c0-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-.6zm160 256c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-20.9 13.4-38.7 32-45.3V208c0-8.8 7.2-16 16-16s16 7.2 16 16v114.7c18.6 6.6 32 24.4 32 45.3"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidTemperatureHalf(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="M160 64c-26.5 0-48 21.5-48 48v164.5c0 17.3-7.1 31.9-15.3 42.5C86.2 332.6 80 349.5 80 368c0 44.2 35.8 80 80 80s80-35.8 80-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48M48 112C48 50.2 98.1 0 160 0s112 50.1 112 112v164.4c0 .1.1.3.2.6c.2.6.8 1.6 1.7 2.8c18.9 24.4 30.1 55 30.1 88.1c0 79.5-64.5 144-144 144S16 447.5 16 368c0-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-.6zm160 256c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-20.9 13.4-38.7 32-45.3V208c0-8.8 7.2-16 16-16s16 7.2 16 16v114.7c18.6 6.6 32 24.4 32 45.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 320 512"><path fill="currentColor" d="M160 64c-26.5 0-48 21.5-48 48v164.5c0 17.3-7.1 31.9-15.3 42.5C86.2 332.6 80 349.5 80 368c0 44.2 35.8 80 80 80s80-35.8 80-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48M48 112C48 50.2 98.1 0 160 0s112 50.1 112 112v164.4c0 .1.1.3.2.6c.2.6.8 1.6 1.7 2.8c18.9 24.4 30.1 55 30.1 88.1c0 79.5-64.5 144-144 144S16 447.5 16 368c0-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-.6zm160 256c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-20.9 13.4-38.7 32-45.3V208c0-8.8 7.2-16 16-16s16 7.2 16 16v114.7c18.6 6.6 32 24.4 32 45.3"/></svg> </template>
CSS
.icon-temperature-half {
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%22M160%2064c-26.5%200-48%2021.5-48%2048v164.5c0%2017.3-7.1%2031.9-15.3%2042.5C86.2%20332.6%2080%20349.5%2080%20368c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48M48%20112C48%2050.2%2098.1%200%20160%200s112%2050.1%20112%20112v164.4c0%20.1.1.3.2.6c.2.6.8%201.6%201.7%202.8c18.9%2024.4%2030.1%2055%2030.1%2088.1c0%2079.5-64.5%20144-144%20144S16%20447.5%2016%20368c0-33.2%2011.2-63.8%2030.1-88.1c.9-1.2%201.5-2.2%201.7-2.8c.1-.3.2-.5.2-.6zm160%20256c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-20.9%2013.4-38.7%2032-45.3V208c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v114.7c18.6%206.6%2032%2024.4%2032%2045.3%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%22M160%2064c-26.5%200-48%2021.5-48%2048v164.5c0%2017.3-7.1%2031.9-15.3%2042.5C86.2%20332.6%2080%20349.5%2080%20368c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48M48%20112C48%2050.2%2098.1%200%20160%200s112%2050.1%20112%20112v164.4c0%20.1.1.3.2.6c.2.6.8%201.6%201.7%202.8c18.9%2024.4%2030.1%2055%2030.1%2088.1c0%2079.5-64.5%20144-144%20144S16%20447.5%2016%20368c0-33.2%2011.2-63.8%2030.1-88.1c.9-1.2%201.5-2.2%201.7-2.8c.1-.3.2-.5.2-.6zm160%20256c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-20.9%2013.4-38.7%2032-45.3V208c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v114.7c18.6%206.6%2032%2024.4%2032%2045.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/temperature-half.svg?color=%231a73e8&size=48
