Иконка Heat
material-symbols-light:heat
Иконка Heat (material-symbols-light:heat) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Google
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Дом
- Теги
- heat rounded, heat outline rounded, heat outline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.893 19.863q-.07.064-.155.09q-.086.028-.18.028t-.198-.03t-.177-.103q-.794-.889-1.253-1.914t-.459-2.177q0-.836.237-1.755t.854-2.39q.517-1.33.742-2.106q.225-.778.225-1.44q0-.866-.375-1.652T10.979 4.86q-.07-.076-.111-.179t-.041-.205q0-.085.027-.17t.09-.159q.077-.073.176-.119q.1-.046.205-.046t.187.043t.15.116q.85.814 1.358 1.804t.509 2.116q0 .788-.232 1.655q-.233.866-.808 2.262q-.587 1.404-.802 2.223q-.216.82-.216 1.544q0 .909.353 1.753t1.103 1.65q.064.075.102.164t.038.191t-.046.193t-.128.168m4.471-.003q-.07.067-.155.104T17.02 20t-.2-.041t-.166-.111q-.794-.87-1.263-1.901t-.468-2.17q0-.825.246-1.763t.864-2.402q.536-1.348.752-2.105T17 8.094q0-.887-.375-1.682q-.375-.796-1.175-1.552q-.073-.079-.11-.177q-.036-.098-.036-.202q0-.09.024-.163t.089-.151q.077-.077.18-.122T15.799 4t.18.038t.154.103q.85.813 1.358 1.803T18 8.06q0 .788-.234 1.645q-.233.857-.825 2.297q-.587 1.423-.802 2.223t-.216 1.517q0 .897.375 1.744t1.125 1.685q.058.073.087.159q.029.085.029.17q0 .098-.047.195q-.046.097-.128.165m-8.942 0q-.07.067-.155.104t-.19.036t-.199-.041t-.166-.111q-.795-.87-1.253-1.901Q6 16.916 6 15.777q0-.825.237-1.763t.854-2.402q.536-1.348.751-2.105q.216-.757.216-1.413q0-.887-.375-1.682q-.375-.796-1.175-1.552q-.082-.079-.117-.177t-.035-.196t.027-.182t.09-.159q.077-.073.178-.119t.195-.046t.182.043t.163.117q.85.813 1.358 1.803t.509 2.125q0 .76-.222 1.617q-.22.856-.812 2.299q-.568 1.396-.793 2.215t-.225 1.544q0 .914.362 1.764t1.113 1.663q.057.073.086.159q.03.085.03.17q0 .098-.047.195q-.046.097-.128.165"/></svg>
Как использовать иконку Heat
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:heat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:heat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:heat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--heat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:heat"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:heat"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/heat.svg" alt="Иконка Heat" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Heat в других наборах
Вопросы и ответы: Иконка Heat
Можно ли бесплатно использовать иконку Heat в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heat в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:heat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Heat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/heat.svg" alt="Иконка Heat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
