temperature arrow up icon

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

Name: temperature-arrow-up
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

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

Use the temperature arrow up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M128 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.5zM176 0C114.1 0 64 50.1 64 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C43.2 304.2 32 334.8 32 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-.6V112C288 50.1 237.9 0 176 0m0 416c26.5 0 48-21.5 48-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16 7.2-16 16v210.7c-18.6 6.6-32 24.4-32 45.3c0 26.5 21.5 48 48 48m304-256h32c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8h32v288c0 17.7 14.3 32 32 32s32-14.3 32-32V160z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTemperatureArrowUp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M128 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.5zM176 0C114.1 0 64 50.1 64 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C43.2 304.2 32 334.8 32 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-.6V112C288 50.1 237.9 0 176 0m0 416c26.5 0 48-21.5 48-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16 7.2-16 16v210.7c-18.6 6.6-32 24.4-32 45.3c0 26.5 21.5 48 48 48m304-256h32c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8h32v288c0 17.7 14.3 32 32 32s32-14.3 32-32V160z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M128 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.5zM176 0C114.1 0 64 50.1 64 112v164.4c0 .1-.1.3-.2.6c-.2.6-.8 1.6-1.7 2.8C43.2 304.2 32 334.8 32 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-.6V112C288 50.1 237.9 0 176 0m0 416c26.5 0 48-21.5 48-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16 7.2-16 16v210.7c-18.6 6.6-32 24.4-32 45.3c0 26.5 21.5 48 48 48m304-256h32c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8h32v288c0 17.7 14.3 32 32 32s32-14.3 32-32V160z"/></svg>
</template>

CSS

.icon-temperature-arrow-up {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%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.5zM176%200C114.1%200%2064%2050.1%2064%20112v164.4c0%20.1-.1.3-.2.6c-.2.6-.8%201.6-1.7%202.8C43.2%20304.2%2032%20334.8%2032%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-.6V112C288%2050.1%20237.9%200%20176%200m0%20416c26.5%200%2048-21.5%2048-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16%207.2-16%2016v210.7c-18.6%206.6-32%2024.4-32%2045.3c0%2026.5%2021.5%2048%2048%2048m304-256h32c12.9%200%2024.6-7.8%2029.6-19.8s2.2-25.7-6.9-34.9l-64-64c-12.5-12.5-32.8-12.5-45.3%200l-64%2064c-9.2%209.2-11.9%2022.9-6.9%2034.9s16.6%2019.8%2029.6%2019.8h32v288c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V160z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%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.5zM176%200C114.1%200%2064%2050.1%2064%20112v164.4c0%20.1-.1.3-.2.6c-.2.6-.8%201.6-1.7%202.8C43.2%20304.2%2032%20334.8%2032%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-.6V112C288%2050.1%20237.9%200%20176%200m0%20416c26.5%200%2048-21.5%2048-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16%207.2-16%2016v210.7c-18.6%206.6-32%2024.4-32%2045.3c0%2026.5%2021.5%2048%2048%2048m304-256h32c12.9%200%2024.6-7.8%2029.6-19.8s2.2-25.7-6.9-34.9l-64-64c-12.5-12.5-32.8-12.5-45.3%200l-64%2064c-9.2%209.2-11.9%2022.9-6.9%2034.9s16.6%2019.8%2029.6%2019.8h32v288c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V160z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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