thermometer sun icon

thermometer-sun from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.

Name: thermometer-sun
Set: Myna UI Icons
Style: Regular
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

thermometer-sun-solid

The same icon in other sets

thermometer-sunBootstrap Icons thermometer-sunFramework7 Icons thermometer-sunHuge Icons thermometer-sunLucide

Related icons in Myna UI Icons

thermometer-snowflake

Use the thermometer sun icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 7 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 5 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 11 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417M15.13 3v.4m0 11.203V15M21 9h-.391m-1.174-4.4l-.392.4m.392 8.4l-.391-.4m-.783-4c0 1.767-1.402 3.2-3.13 3.2C13.4 12.2 12 10.767 12 9s1.402-3.2 3.13-3.2c1.73 0 3.13 1.433 3.13 3.2"/></svg>

React

import type { SVGProps } from "react";

export function MynauiThermometerSun(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M9.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 7 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 5 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 11 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417M15.13 3v.4m0 11.203V15M21 9h-.391m-1.174-4.4l-.392.4m.392 8.4l-.391-.4m-.783-4c0 1.767-1.402 3.2-3.13 3.2C13.4 12.2 12 10.767 12 9s1.402-3.2 3.13-3.2c1.73 0 3.13 1.433 3.13 3.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.155 13.86a.3.3 0 0 1-.114-.116a.3.3 0 0 1-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04 2.04 0 0 0 7 3c-.53 0-1.04.203-1.414.565A1.9 1.9 0 0 0 5 4.929v8.66a.3.3 0 0 1-.041.155a.3.3 0 0 1-.114.116a3.97 3.97 0 0 0-1.396 1.493a3.8 3.8 0 0 0-.445 1.965a3.8 3.8 0 0 0 1.266 2.644a4.1 4.1 0 0 0 2.82 1.037a4.07 4.07 0 0 0 2.77-1.16A3.8 3.8 0 0 0 11 17.145c0-.652-.168-1.294-.49-1.867a4 4 0 0 0-1.355-1.417M15.13 3v.4m0 11.203V15M21 9h-.391m-1.174-4.4l-.392.4m.392 8.4l-.391-.4m-.783-4c0 1.767-1.402 3.2-3.13 3.2C13.4 12.2 12 10.767 12 9s1.402-3.2 3.13-3.2c1.73 0 3.13 1.433 3.13 3.2"/></svg>
</template>

CSS

.icon-thermometer-sun {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.155%2013.86a.3.3%200%200%201-.114-.116a.3.3%200%200%201-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04%202.04%200%200%200%207%203c-.53%200-1.04.203-1.414.565A1.9%201.9%200%200%200%205%204.929v8.66a.3.3%200%200%201-.041.155a.3.3%200%200%201-.114.116a3.97%203.97%200%200%200-1.396%201.493a3.8%203.8%200%200%200-.445%201.965a3.8%203.8%200%200%200%201.266%202.644a4.1%204.1%200%200%200%202.82%201.037a4.07%204.07%200%200%200%202.77-1.16A3.8%203.8%200%200%200%2011%2017.145c0-.652-.168-1.294-.49-1.867a4%204%200%200%200-1.355-1.417M15.13%203v.4m0%2011.203V15M21%209h-.391m-1.174-4.4l-.392.4m.392%208.4l-.391-.4m-.783-4c0%201.767-1.402%203.2-3.13%203.2C13.4%2012.2%2012%2010.767%2012%209s1.402-3.2%203.13-3.2c1.73%200%203.13%201.433%203.13%203.2%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.155%2013.86a.3.3%200%200%201-.114-.116a.3.3%200%200%201-.041-.155v-8.66c0-.512-.21-1.002-.586-1.364A2.04%202.04%200%200%200%207%203c-.53%200-1.04.203-1.414.565A1.9%201.9%200%200%200%205%204.929v8.66a.3.3%200%200%201-.041.155a.3.3%200%200%201-.114.116a3.97%203.97%200%200%200-1.396%201.493a3.8%203.8%200%200%200-.445%201.965a3.8%203.8%200%200%200%201.266%202.644a4.1%204.1%200%200%200%202.82%201.037a4.07%204.07%200%200%200%202.77-1.16A3.8%203.8%200%200%200%2011%2017.145c0-.652-.168-1.294-.49-1.867a4%204%200%200%200-1.355-1.417M15.13%203v.4m0%2011.203V15M21%209h-.391m-1.174-4.4l-.392.4m.392%208.4l-.391-.4m-.783-4c0%201.767-1.402%203.2-3.13%203.2C13.4%2012.2%2012%2010.767%2012%209s1.402-3.2%203.13-3.2c1.73%200%203.13%201.433%203.13%203.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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