temperature icon
temperature-outline from Solar by 480 Design · Outline · Weather · CC-BY-4.0 Attribution required.
- Name
- temperature-outline
- Set
- Solar
- Style
- Outline
- Category
- Weather
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More weather icons from Solar
cloud-boldcloud-bolt-boldcloud-bolt-minimalistic-boldcloud-check-boldcloud-cross-boldcloud-download-boldcloud-minus-boldcloud-plus-boldcloud-rain-boldcloud-snowfall-boldcloud-snowfall-minimalistic-boldcloud-storm-boldcloud-sun-2-boldcloud-sun-boldcloud-upload-boldcloud-waterdrop-boldcloud-waterdrops-boldclouds-boldcloudy-moon-boldfog-boldmoon-boldmoon-fog-boldmoon-sleep-boldmoon-stars-bold
Use the temperature icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.25 5C8.25 2.92893 9.92893 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V11.3477C15.75 11.42 15.7896 11.5273 15.9078 11.6221C17.3345 12.7663 18.25 14.5265 18.25 16.5C18.25 19.9518 15.4518 22.75 12 22.75C8.54822 22.75 5.75 19.9518 5.75 16.5C5.75 14.5265 6.66555 12.7663 8.09215 11.6221C8.21038 11.5273 8.25 11.42 8.25 11.3477V5ZM12 2.75C10.7574 2.75 9.75 3.75736 9.75 5V11.3477C9.75 11.9513 9.43973 12.4642 9.03066 12.7923C7.94374 13.664 7.25 15.0007 7.25 16.5C7.25 19.1234 9.37665 21.25 12 21.25C14.6234 21.25 16.75 19.1234 16.75 16.5C16.75 15.0007 16.0563 13.664 14.9693 12.7923C14.5603 12.4642 14.25 11.9513 14.25 11.3477V5C14.25 3.75736 13.2426 2.75 12 2.75ZM12 4.25C12.4142 4.25001 12.75 4.58581 12.75 5.00002L12.7498 13.3369C14.1831 13.6754 15.2498 14.9631 15.2498 16.4999C15.2498 18.2948 13.7947 19.7499 11.9998 19.7499C10.2048 19.7499 8.74977 18.2948 8.74977 16.4999C8.74977 14.9631 9.81643 13.6754 11.2498 13.3368L11.25 4.99998C11.25 4.58577 11.5858 4.24999 12 4.25ZM11.9998 14.7499C11.0333 14.7499 10.2498 15.5334 10.2498 16.4999C10.2498 17.4664 11.0333 18.2499 11.9998 18.2499C12.9663 18.2499 13.7498 17.4664 13.7498 16.4999C13.7498 15.5334 12.9663 14.7499 11.9998 14.7499Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarTemperatureOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M8.25 5C8.25 2.92893 9.92893 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V11.3477C15.75 11.42 15.7896 11.5273 15.9078 11.6221C17.3345 12.7663 18.25 14.5265 18.25 16.5C18.25 19.9518 15.4518 22.75 12 22.75C8.54822 22.75 5.75 19.9518 5.75 16.5C5.75 14.5265 6.66555 12.7663 8.09215 11.6221C8.21038 11.5273 8.25 11.42 8.25 11.3477V5ZM12 2.75C10.7574 2.75 9.75 3.75736 9.75 5V11.3477C9.75 11.9513 9.43973 12.4642 9.03066 12.7923C7.94374 13.664 7.25 15.0007 7.25 16.5C7.25 19.1234 9.37665 21.25 12 21.25C14.6234 21.25 16.75 19.1234 16.75 16.5C16.75 15.0007 16.0563 13.664 14.9693 12.7923C14.5603 12.4642 14.25 11.9513 14.25 11.3477V5C14.25 3.75736 13.2426 2.75 12 2.75ZM12 4.25C12.4142 4.25001 12.75 4.58581 12.75 5.00002L12.7498 13.3369C14.1831 13.6754 15.2498 14.9631 15.2498 16.4999C15.2498 18.2948 13.7947 19.7499 11.9998 19.7499C10.2048 19.7499 8.74977 18.2948 8.74977 16.4999C8.74977 14.9631 9.81643 13.6754 11.2498 13.3368L11.25 4.99998C11.25 4.58577 11.5858 4.24999 12 4.25ZM11.9998 14.7499C11.0333 14.7499 10.2498 15.5334 10.2498 16.4999C10.2498 17.4664 11.0333 18.2499 11.9998 18.2499C12.9663 18.2499 13.7498 17.4664 13.7498 16.4999C13.7498 15.5334 12.9663 14.7499 11.9998 14.7499Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M8.25 5C8.25 2.92893 9.92893 1.25 12 1.25C14.0711 1.25 15.75 2.92893 15.75 5V11.3477C15.75 11.42 15.7896 11.5273 15.9078 11.6221C17.3345 12.7663 18.25 14.5265 18.25 16.5C18.25 19.9518 15.4518 22.75 12 22.75C8.54822 22.75 5.75 19.9518 5.75 16.5C5.75 14.5265 6.66555 12.7663 8.09215 11.6221C8.21038 11.5273 8.25 11.42 8.25 11.3477V5ZM12 2.75C10.7574 2.75 9.75 3.75736 9.75 5V11.3477C9.75 11.9513 9.43973 12.4642 9.03066 12.7923C7.94374 13.664 7.25 15.0007 7.25 16.5C7.25 19.1234 9.37665 21.25 12 21.25C14.6234 21.25 16.75 19.1234 16.75 16.5C16.75 15.0007 16.0563 13.664 14.9693 12.7923C14.5603 12.4642 14.25 11.9513 14.25 11.3477V5C14.25 3.75736 13.2426 2.75 12 2.75ZM12 4.25C12.4142 4.25001 12.75 4.58581 12.75 5.00002L12.7498 13.3369C14.1831 13.6754 15.2498 14.9631 15.2498 16.4999C15.2498 18.2948 13.7947 19.7499 11.9998 19.7499C10.2048 19.7499 8.74977 18.2948 8.74977 16.4999C8.74977 14.9631 9.81643 13.6754 11.2498 13.3368L11.25 4.99998C11.25 4.58577 11.5858 4.24999 12 4.25ZM11.9998 14.7499C11.0333 14.7499 10.2498 15.5334 10.2498 16.4999C10.2498 17.4664 11.0333 18.2499 11.9998 18.2499C12.9663 18.2499 13.7498 17.4664 13.7498 16.4999C13.7498 15.5334 12.9663 14.7499 11.9998 14.7499Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-temperature-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%205C8.25%202.92893%209.92893%201.25%2012%201.25C14.0711%201.25%2015.75%202.92893%2015.75%205V11.3477C15.75%2011.42%2015.7896%2011.5273%2015.9078%2011.6221C17.3345%2012.7663%2018.25%2014.5265%2018.25%2016.5C18.25%2019.9518%2015.4518%2022.75%2012%2022.75C8.54822%2022.75%205.75%2019.9518%205.75%2016.5C5.75%2014.5265%206.66555%2012.7663%208.09215%2011.6221C8.21038%2011.5273%208.25%2011.42%208.25%2011.3477V5ZM12%202.75C10.7574%202.75%209.75%203.75736%209.75%205V11.3477C9.75%2011.9513%209.43973%2012.4642%209.03066%2012.7923C7.94374%2013.664%207.25%2015.0007%207.25%2016.5C7.25%2019.1234%209.37665%2021.25%2012%2021.25C14.6234%2021.25%2016.75%2019.1234%2016.75%2016.5C16.75%2015.0007%2016.0563%2013.664%2014.9693%2012.7923C14.5603%2012.4642%2014.25%2011.9513%2014.25%2011.3477V5C14.25%203.75736%2013.2426%202.75%2012%202.75ZM12%204.25C12.4142%204.25001%2012.75%204.58581%2012.75%205.00002L12.7498%2013.3369C14.1831%2013.6754%2015.2498%2014.9631%2015.2498%2016.4999C15.2498%2018.2948%2013.7947%2019.7499%2011.9998%2019.7499C10.2048%2019.7499%208.74977%2018.2948%208.74977%2016.4999C8.74977%2014.9631%209.81643%2013.6754%2011.2498%2013.3368L11.25%204.99998C11.25%204.58577%2011.5858%204.24999%2012%204.25ZM11.9998%2014.7499C11.0333%2014.7499%2010.2498%2015.5334%2010.2498%2016.4999C10.2498%2017.4664%2011.0333%2018.2499%2011.9998%2018.2499C12.9663%2018.2499%2013.7498%2017.4664%2013.7498%2016.4999C13.7498%2015.5334%2012.9663%2014.7499%2011.9998%2014.7499Z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%205C8.25%202.92893%209.92893%201.25%2012%201.25C14.0711%201.25%2015.75%202.92893%2015.75%205V11.3477C15.75%2011.42%2015.7896%2011.5273%2015.9078%2011.6221C17.3345%2012.7663%2018.25%2014.5265%2018.25%2016.5C18.25%2019.9518%2015.4518%2022.75%2012%2022.75C8.54822%2022.75%205.75%2019.9518%205.75%2016.5C5.75%2014.5265%206.66555%2012.7663%208.09215%2011.6221C8.21038%2011.5273%208.25%2011.42%208.25%2011.3477V5ZM12%202.75C10.7574%202.75%209.75%203.75736%209.75%205V11.3477C9.75%2011.9513%209.43973%2012.4642%209.03066%2012.7923C7.94374%2013.664%207.25%2015.0007%207.25%2016.5C7.25%2019.1234%209.37665%2021.25%2012%2021.25C14.6234%2021.25%2016.75%2019.1234%2016.75%2016.5C16.75%2015.0007%2016.0563%2013.664%2014.9693%2012.7923C14.5603%2012.4642%2014.25%2011.9513%2014.25%2011.3477V5C14.25%203.75736%2013.2426%202.75%2012%202.75ZM12%204.25C12.4142%204.25001%2012.75%204.58581%2012.75%205.00002L12.7498%2013.3369C14.1831%2013.6754%2015.2498%2014.9631%2015.2498%2016.4999C15.2498%2018.2948%2013.7947%2019.7499%2011.9998%2019.7499C10.2048%2019.7499%208.74977%2018.2948%208.74977%2016.4999C8.74977%2014.9631%209.81643%2013.6754%2011.2498%2013.3368L11.25%204.99998C11.25%204.58577%2011.5858%204.24999%2012%204.25ZM11.9998%2014.7499C11.0333%2014.7499%2010.2498%2015.5334%2010.2498%2016.4999C10.2498%2017.4664%2011.0333%2018.2499%2011.9998%2018.2499C12.9663%2018.2499%2013.7498%2017.4664%2013.7498%2016.4999C13.7498%2015.5334%2012.9663%2014.7499%2011.9998%2014.7499Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/temperature-outline.svg?color=%231a73e8&size=48
