temperature high icon

temperature-high from Line Awesome by Icons8 · Line · Weather · Apache-2.0 Free for personal and commercial use.

Name: temperature-high
Set: Line Awesome
Style: Line
Category: Weather
Viewbox: 32×32
License: Apache 2.0
Aliases: temperature-high-solid

The same icon in other sets

temperature-highFont Awesome 6 Solid temperature-highFont Awesome Solid temperature-highIconoir

More weather icons from Line Awesome

Use the temperature high icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4v11.469C7.25 16.738 6 18.676 6 21c0 3.855 3.145 7 7 7s7-3.145 7-7c0-2.324-1.25-4.262-3-5.531V14h2v-2h-2v-2h2V8h-2V6h2V4zm15.5 0C22.57 4 21 5.57 21 7.5s1.57 3.5 3.5 3.5S28 9.43 28 7.5S26.43 4 24.5 4M11 6h4v10.406l.5.282c1.496.867 2.5 2.46 2.5 4.312c0 2.773-2.227 5-5 5s-5-2.227-5-5c0-1.852 1.004-3.445 2.5-4.313l.5-.28zm13.5 0c.827 0 1.5.673 1.5 1.5S25.327 9 24.5 9S23 8.327 23 7.5S23.673 6 24.5 6M12 8v10.188c-1.16.414-2 1.513-2 2.814a3.001 3.001 0 0 0 6 0c0-1.301-.84-2.4-2-2.814V8z"/></svg>

React

import type { SVGProps } from "react";

export function LaTemperatureHigh(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="M9 4v11.469C7.25 16.738 6 18.676 6 21c0 3.855 3.145 7 7 7s7-3.145 7-7c0-2.324-1.25-4.262-3-5.531V14h2v-2h-2v-2h2V8h-2V6h2V4zm15.5 0C22.57 4 21 5.57 21 7.5s1.57 3.5 3.5 3.5S28 9.43 28 7.5S26.43 4 24.5 4M11 6h4v10.406l.5.282c1.496.867 2.5 2.46 2.5 4.312c0 2.773-2.227 5-5 5s-5-2.227-5-5c0-1.852 1.004-3.445 2.5-4.313l.5-.28zm13.5 0c.827 0 1.5.673 1.5 1.5S25.327 9 24.5 9S23 8.327 23 7.5S23.673 6 24.5 6M12 8v10.188c-1.16.414-2 1.513-2 2.814a3.001 3.001 0 0 0 6 0c0-1.301-.84-2.4-2-2.814V8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4v11.469C7.25 16.738 6 18.676 6 21c0 3.855 3.145 7 7 7s7-3.145 7-7c0-2.324-1.25-4.262-3-5.531V14h2v-2h-2v-2h2V8h-2V6h2V4zm15.5 0C22.57 4 21 5.57 21 7.5s1.57 3.5 3.5 3.5S28 9.43 28 7.5S26.43 4 24.5 4M11 6h4v10.406l.5.282c1.496.867 2.5 2.46 2.5 4.312c0 2.773-2.227 5-5 5s-5-2.227-5-5c0-1.852 1.004-3.445 2.5-4.313l.5-.28zm13.5 0c.827 0 1.5.673 1.5 1.5S25.327 9 24.5 9S23 8.327 23 7.5S23.673 6 24.5 6M12 8v10.188c-1.16.414-2 1.513-2 2.814a3.001 3.001 0 0 0 6 0c0-1.301-.84-2.4-2-2.814V8z"/></svg>
</template>

CSS

.icon-temperature-high {
  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%22M9%204v11.469C7.25%2016.738%206%2018.676%206%2021c0%203.855%203.145%207%207%207s7-3.145%207-7c0-2.324-1.25-4.262-3-5.531V14h2v-2h-2v-2h2V8h-2V6h2V4zm15.5%200C22.57%204%2021%205.57%2021%207.5s1.57%203.5%203.5%203.5S28%209.43%2028%207.5S26.43%204%2024.5%204M11%206h4v10.406l.5.282c1.496.867%202.5%202.46%202.5%204.312c0%202.773-2.227%205-5%205s-5-2.227-5-5c0-1.852%201.004-3.445%202.5-4.313l.5-.28zm13.5%200c.827%200%201.5.673%201.5%201.5S25.327%209%2024.5%209S23%208.327%2023%207.5S23.673%206%2024.5%206M12%208v10.188c-1.16.414-2%201.513-2%202.814a3.001%203.001%200%200%200%206%200c0-1.301-.84-2.4-2-2.814V8z%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%22M9%204v11.469C7.25%2016.738%206%2018.676%206%2021c0%203.855%203.145%207%207%207s7-3.145%207-7c0-2.324-1.25-4.262-3-5.531V14h2v-2h-2v-2h2V8h-2V6h2V4zm15.5%200C22.57%204%2021%205.57%2021%207.5s1.57%203.5%203.5%203.5S28%209.43%2028%207.5S26.43%204%2024.5%204M11%206h4v10.406l.5.282c1.496.867%202.5%202.46%202.5%204.312c0%202.773-2.227%205-5%205s-5-2.227-5-5c0-1.852%201.004-3.445%202.5-4.313l.5-.28zm13.5%200c.827%200%201.5.673%201.5%201.5S25.327%209%2024.5%209S23%208.327%2023%207.5S23.673%206%2024.5%206M12%208v10.188c-1.16.414-2%201.513-2%202.814a3.001%203.001%200%200%200%206%200c0-1.301-.84-2.4-2-2.814V8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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