Иконка Thermometer

fluent-emoji:thermometer

Иконка Thermometer (fluent-emoji:thermometer) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i3oqVDd)"><path fill="url(#iuJvCud)" d="M21.773 16.113L8.863 3.203a4.01 4.01 0 0 0-5.66 0a4.01 4.01 0 0 0 0 5.66l12.91 12.91c-.39 2.18.26 4.5 1.94 6.18a7.007 7.007 0 0 0 9.9 0a7.007 7.007 0 0 0 0-9.9c-1.68-1.68-4-2.32-6.18-1.94"/></g><path fill="url(#irVr6bc)" d="M23.028 27.986a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="url(#ih2EC9L)" d="M23.028 27.986a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path fill="url(#iFTd9id)" d="M4.648 4.606c-.78.78-.78 2.05 0 2.83L18.404 21.14l2.83-2.83L7.478 4.605c-.79-.78-2.05-.78-2.83 0"/><path fill="url(#ivz2Ege)" d="M4.648 4.606c-.78.78-.78 2.05 0 2.83L18.404 21.14l2.83-2.83L7.478 4.605c-.79-.78-2.05-.78-2.83 0"/><path fill="url(#iG6dRHd)" d="M24.615 24.997a2.439 2.439 0 1 0 0-4.877a2.439 2.439 0 0 0 0 4.877"/><g filter="url(#iRQXdxe)"><path stroke="url(#iiDwNAb)" stroke-linecap="round" stroke-width=".75" d="M6.09 3.141c.348-.11 1.293-.081 2.28.906c.988.988 8.995 9.058 12.875 12.97"/></g><path fill="#3D2A5B" d="m16.648 15.226l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41m-4.24-4.24l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41m-4.24-4.25l2.12-2.12l1.41 1.41l-2.12 2.12a.996.996 0 1 1-1.41-1.41"/><g filter="url(#iAZ5grj)"><path stroke="url(#iyVEEtd)" stroke-linecap="round" stroke-width=".75" d="M23.028 28.833a5.846 5.846 0 0 0 0-11.693"/></g><defs><linearGradient id="iuJvCud" x1="16.673" x2="22.648" y1="22.13" y2="15.746" gradientUnits="userSpaceOnUse"><stop offset=".021" stop-color="#A8D2FF"/><stop offset="1" stop-color="#B1DFFF"/></linearGradient><linearGradient id="iFTd9id" x1="11.009" x2="13.837" y1="13.793" y2="10.964" gradientUnits="userSpaceOnUse"><stop stop-color="#C81871"/><stop offset="1" stop-color="#FF389D"/></linearGradient><linearGradient id="iG6dRHd" x1="23.747" x2="23.747" y1="20.12" y2="24.997" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".733" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="iiDwNAb" x1="4.37" x2="10.111" y1="1.391" y2="21.076" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F6FF" stop-opacity="0"/><stop offset=".322" stop-color="#C8F6FF"/></linearGradient><linearGradient id="iyVEEtd" x1="24.722" x2="29.265" y1="22.18" y2="22.179" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F6FF" stop-opacity="0"/><stop offset=".99" stop-color="#C8F6FF"/></linearGradient><radialGradient id="irVr6bc" cx="0" cy="0" r="1" gradientTransform="rotate(157.855 10.637 13.111)scale(7.99354)" gradientUnits="userSpaceOnUse"><stop offset=".552" stop-color="#FF285E"/><stop offset="1" stop-color="#BC2238"/></radialGradient><radialGradient id="ih2EC9L" cx="0" cy="0" r="1" gradientTransform="matrix(1.17463 1.20017 -2.03736 1.99401 19.712 19.355)" gradientUnits="userSpaceOnUse"><stop offset=".406" stop-color="#F12D4A"/><stop offset="1" stop-color="#F12D4A" stop-opacity="0"/></radialGradient><radialGradient id="ivz2Ege" cx="0" cy="0" r="1" gradientTransform="rotate(-175.285 10.784 9.71)scale(4.97069 9.43537)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3262"/><stop offset="1" stop-color="#FF3262" stop-opacity="0"/></radialGradient><filter id="i3oqVDd" width="27.968" height="27.968" x="2.032" y="2.032" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.643137 0 0 0 0 0.721569 0 0 0 0 0.929412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_14664"/></filter><filter id="iRQXdxe" width="17.406" height="16.169" x="4.964" y="1.972" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14664" stdDeviation=".375"/></filter><filter id="iAZ5grj" width="8.096" height="13.943" x="21.903" y="16.015" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14664" stdDeviation=".375"/></filter></defs></g></svg>

Как использовать иконку Thermometer

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:thermometer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:thermometer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:thermometer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--thermometer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:thermometer"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:thermometer"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/thermometer.svg" alt="Иконка Thermometer" width="24" height="24">

Иконка Thermometer в других наборах

Вопросы и ответы: Иконка Thermometer

Можно ли бесплатно использовать иконку Thermometer в коммерческих проектах?

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Thermometer в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji:thermometer" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Thermometer на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/thermometer.svg" alt="Иконка Thermometer">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →