Иконка Temperature Hot
glyphs-poly:temperature-hot
Иконка Temperature Hot (glyphs-poly:temperature-hot) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Glyphs Poly
- Автор
- Goran Spasojevic
- Лицензия
- MIT
- Размер
- 80 × 80
- Теги
- temperaturehot
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2f2f2" fill-rule="evenodd" d="M22.279 11.845A8 8 0 0 0 17.856 19v23.706c0 .65-.321 1.251-.822 1.665a13.857 13.857 0 1 0 17.645 0c-.5-.414-.823-1.015-.823-1.665V19a8 8 0 0 0-11.577-7.155" clip-rule="evenodd"/><path fill="#f2f2f2" d="m22.279 11.845l.894 1.788zm-3.35 55.21l-1 1.733zm13.856 0l1 1.733zm-3.35-55.21l.893-1.79zm5.244 32.526l-1.273 1.542zm-17.645 0l-1.273-1.543zM19.856 19a6 6 0 0 1 3.317-5.367l-1.789-3.577A10 10 0 0 0 15.856 19zm0 23.706V19h-4v23.706zM14 55.056c0-3.57 1.605-6.913 4.307-9.143l-2.546-3.085A15.86 15.86 0 0 0 10 55.056zm5.928 10.268A11.86 11.86 0 0 1 14 55.056h-4c0 5.665 3.022 10.9 7.928 13.732zm11.857 0a11.86 11.86 0 0 1-11.857 0l-2 3.464a15.86 15.86 0 0 0 15.857 0zm5.928-10.268c0 4.236-2.26 8.15-5.928 10.268l2 3.464a15.86 15.86 0 0 0 7.928-13.732zm-4.307-9.143a11.86 11.86 0 0 1 4.307 9.143h4c0-4.776-2.148-9.245-5.76-12.228zM31.856 19v23.706h4V19zm-3.316-5.367A6 6 0 0 1 31.856 19h4a10 10 0 0 0-5.528-8.944zm-5.367 0a6 6 0 0 1 5.367 0l1.788-3.577a10 10 0 0 0-8.944 0zm12.78 29.195a.3.3 0 0 1-.088-.103c-.012-.023-.009-.028-.009-.019h-4c0 1.325.653 2.466 1.55 3.207zm-20.097-.122c0-.01.003-.004-.008.02a.3.3 0 0 1-.088.102l2.547 3.085c.897-.74 1.55-1.882 1.55-3.207z"/><path fill="#eb5757" fill-rule="evenodd" d="M26.04 16.818a2 2 0 0 1 2 2v28.2c0 .865.573 1.606 1.321 2.039a6.928 6.928 0 1 1-6.73-.111c.793-.423 1.409-1.185 1.409-2.084V18.818a2 2 0 0 1 2-2" clip-rule="evenodd"/><path fill="#f2c94c" stroke="#f2c94c" stroke-linecap="square" stroke-linejoin="round" stroke-width="4" d="m55 11l2.985 4.794l5.5-1.28l-1.279 5.501L67 23l-4.794 2.985l1.28 5.5l-5.501-1.279L55 35l-2.985-4.794l-5.5 1.28l1.279-5.501L43 23l4.794-2.985l-1.28-5.5l5.501 1.279z"/></g></svg>Как использовать иконку Temperature Hot
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:temperature-hot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:temperature-hot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:temperature-hot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--temperature-hot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:temperature-hot"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:temperature-hot"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/temperature-hot.svg" alt="Иконка Temperature Hot" width="24" height="24">Похожие иконки в наборе Glyphs Poly
Иконка Temperature Hot в других наборах
Вопросы и ответы: Иконка Temperature Hot
Можно ли бесплатно использовать иконку Temperature Hot в коммерческих проектах?
Да. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Temperature Hot в React?
Установите @iconify/react и выведите <Icon icon="glyphs-poly:temperature-hot" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Temperature Hot на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs-poly/temperature-hot.svg" alt="Иконка Temperature Hot">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.