Иконка Heart On Fire
fluent-emoji:heart-on-fire
Иконка Heart On Fire (fluent-emoji:heart-on-fire) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- hearton, onfire, heartonfire
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#isyxaMb)" d="M18.97 5.73c-.878-.302-2.662-1.347-2.917-3.917c-.04-.382-.377-.673-.774-.683c-2.974-.08-4.696 3.072-5.48 4.638c-.329.423-.805.412-1.141.02c-.5-.582-.305-2.158-1.446-1.646c-3.26 1.465-5.195 5.3-5.195 9.758c0 7.64 11.09 14.004 13.25 15.138c.224.12 1.261.223 1.688 0c2.17-1.134 13.062-7.499 13.062-15.138c0-5.25-4.186-8.714-8.861-10.531c-.51-.201-1.07.16-1.07.702l-.077.925c-.039.383-.502.918-1.039.734"/><path fill="url(#iQlo2be)" d="M18.97 5.73c-.878-.302-2.662-1.347-2.917-3.917c-.04-.382-.377-.673-.774-.683c-2.974-.08-4.696 3.072-5.48 4.638c-.329.423-.805.412-1.141.02c-.5-.582-.305-2.158-1.446-1.646c-3.26 1.465-5.195 5.3-5.195 9.758c0 7.64 11.09 14.004 13.25 15.138c.224.12 1.261.223 1.688 0c2.17-1.134 13.062-7.499 13.062-15.138c0-5.25-4.186-8.714-8.861-10.531c-.51-.201-1.07.16-1.07.702l-.077.925c-.039.383-.502.918-1.039.734"/><path fill="url(#iaMkfGd)" d="M18.97 5.73c-.878-.302-2.662-1.347-2.917-3.917c-.04-.382-.377-.673-.774-.683c-2.974-.08-4.696 3.072-5.48 4.638c-.329.423-.805.412-1.141.02c-.5-.582-.305-2.158-1.446-1.646c-3.26 1.465-5.195 5.3-5.195 9.758c0 7.64 11.09 14.004 13.25 15.138c.224.12 1.261.223 1.688 0c2.17-1.134 13.062-7.499 13.062-15.138c0-5.25-4.186-8.714-8.861-10.531c-.51-.201-1.07.16-1.07.702l-.077.925c-.039.383-.502.918-1.039.734"/><g filter="url(#iHaDska)"><path fill="url(#iy44vuc)" d="M15.812 10.222c-3.504-3.23-2.135-7.054-.5-8.43c.057-.048.142-.013.157.06c.725 3.566 2.649 4.489 5.343 5.12c-2.3.55-4.458 2.584-5 3.25"/></g><g filter="url(#iQwjQhb)"><path fill="url(#i46Uoad)" fill-opacity=".5" d="M9.219 14.379c-3.23-2.5-3.103-8.208-1.53-9.678c.055-.05.14-.017.155.055c.468 2.213 1.797 3.465 4.468 4.091c-2.3.55-2.552 4.865-3.093 5.532"/></g><g filter="url(#iA2NHsb)"><path stroke="url(#irk5zRd)" stroke-linecap="round" stroke-width=".25" d="M15.25 2.066c-1.01.896-2.494 3.494-.344 6.719"/></g><g filter="url(#ib5ifcb)"><path stroke="url(#iYlJGzb)" stroke-linecap="round" stroke-width=".25" d="M7.562 4.879c-.875 1.53-.625 5.218 1.125 7.562"/></g><g filter="url(#irmSzGb)"><path fill="url(#iKmpOYc)" d="M23.781 11.597c-.175-3.5-2.458-7.156-3.187-7.718c0 2.156-2 5.187-3.344 6.343z"/></g><g filter="url(#iP6vnyb)"><path fill="url(#i55EW9O)" d="m24.125 22.347l-1.813-17.5c2.271.521 6.713 4.138 6.563 8.938s-3.208 7.25-4.75 8.562"/></g><path fill="url(#i7l4die)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#iIfDUId)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#ili9yqe)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#ijTk9Hd)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#ipHSt3b)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#iD8nupb)" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><path fill="url(#i2YCN2b)" fill-opacity=".6" d="M15.247 28.967a1.71 1.71 0 0 0 1.708-.02c3.107-1.8 8.368-5.83 10.45-11.044c3.095-6.874-4.171-12.362-9.194-8.415c-.499.392-1.12.838-1.57 1.265c-.241.23-.664.254-.913.032a22 22 0 0 0-2.057-1.581c-4.282-2.897-12.072.921-8.75 9.07c1.204 3.618 6.89 8.732 10.326 10.693"/><g filter="url(#i9FB0dd)"><path fill="#FA1C56" d="M16.642 13.062v5.457c0 .904 1.095 1.332 1.645.613c1.401-1.833 2.44-4 1.15-5.785c-.502-.695-1.45-1.15-2.248-1.045c-.355.047-.547.401-.547.76"/></g><g filter="url(#iClnllz)"><ellipse cx="23.67" cy="13.519" fill="url(#iWWFs1b)" rx="3.589" ry="2.47" transform="rotate(-44.19 23.67 13.519)"/></g><g filter="url(#i2MMuyv)"><ellipse cx="14.011" cy="15.149" fill="url(#i25oJgb)" fill-opacity=".6" rx="4.124" ry="2.225" transform="rotate(-128.955 14.01 15.15)"/></g><g filter="url(#iKKZfLe)"><ellipse cx="22.274" cy="9.255" fill="#FF93BA" rx="1.759" ry=".342"/></g><g filter="url(#i3tVtwb)"><ellipse cx="10.363" cy="9.255" fill="#FF93BA" fill-opacity=".5" rx="1.759" ry=".342"/></g><defs><linearGradient id="isyxaMb" x1="20.187" x2="10.812" y1="15.149" y2="-.09" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EC1D"/><stop offset=".721" stop-color="#F89C20"/><stop offset="1" stop-color="#F5891F"/></linearGradient><linearGradient id="iQlo2be" x1="10" x2="4.187" y1="16.66" y2="23.66" gradientUnits="userSpaceOnUse"><stop stop-color="#F89C20" stop-opacity="0"/><stop offset="1" stop-color="#F5891F"/></linearGradient><linearGradient id="iaMkfGd" x1="23.312" x2="20.562" y1="13.66" y2="29.17" gradientUnits="userSpaceOnUse"><stop stop-color="#F89C20" stop-opacity="0"/><stop offset="1" stop-color="#F5891F"/></linearGradient><linearGradient id="iy44vuc" x1="14.812" x2="19.187" y1="4.004" y2="12.316" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD56C"/><stop offset="1" stop-color="#FFD56C" stop-opacity="0"/></linearGradient><linearGradient id="i46Uoad" x1="6.812" x2="11.187" y1="7.644" y2="15.957" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD56C"/><stop offset="1" stop-color="#FFD56C" stop-opacity="0"/></linearGradient><linearGradient id="irk5zRd" x1="14.527" x2="14.527" y1="2.066" y2="5.425" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE39D"/><stop offset="1" stop-color="#FFDD89" stop-opacity="0"/></linearGradient><linearGradient id="iYlJGzb" x1="6.839" x2="6.839" y1="4.879" y2="8.238" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE39D"/><stop offset="1" stop-color="#FFDD89" stop-opacity="0"/></linearGradient><linearGradient id="iKmpOYc" x1="21.312" x2="21.312" y1="4.129" y2="10.191" gradientUnits="userSpaceOnUse"><stop stop-color="#F89C20"/><stop offset="1" stop-color="#F89C20" stop-opacity="0"/></linearGradient><linearGradient id="i55EW9O" x1="28.879" x2="18.109" y1="13.597" y2="7.855" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE39E"/><stop offset="1" stop-color="#FFE39E" stop-opacity="0"/></linearGradient><linearGradient id="ipHSt3b" x1="17.544" x2="24.453" y1="17.764" y2="25.986" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><linearGradient id="iD8nupb" x1="16.687" x2="8.579" y1="18.107" y2="27.242" gradientUnits="userSpaceOnUse"><stop offset=".694" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></linearGradient><filter id="iHaDska" width="9.191" height="10.453" x="12.621" y=".77" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".5"/></filter><filter id="iQwjQhb" width="7.699" height="11.702" x="5.614" y="3.677" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".5"/></filter><filter id="iA2NHsb" width="2.696" height="7.969" x="13.179" y="1.441" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".25"/></filter><filter id="ib5ifcb" width="2.865" height="8.813" x="6.447" y="4.254" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".25"/></filter><filter id="irmSzGb" width="9.031" height="10.219" x="16" y="2.629" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".625"/></filter><filter id="iP6vnyb" width="8.566" height="19.5" x="21.312" y="3.847" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".5"/></filter><filter id="i9FB0dd" width="7.382" height="11.207" x="14.642" y="10.287" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation="1"/></filter><filter id="iClnllz" width="9.193" height="9.131" x="19.074" y="8.953" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".75"/></filter><filter id="i2MMuyv" width="9.234" height="9.999" x="9.394" y="10.15" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".75"/></filter><filter id="iKKZfLe" width="6.517" height="3.684" x="19.015" y="7.413" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".75"/></filter><filter id="i3tVtwb" width="6.517" height="3.684" x="7.104" y="7.413" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7134_6142" stdDeviation=".75"/></filter><radialGradient id="i7l4die" cx="0" cy="0" r="1" gradientTransform="matrix(.7034 27.74999 -28.57582 .72433 15.233 1.16)" gradientUnits="userSpaceOnUse"><stop stop-color="#F12E52"/><stop offset=".677" stop-color="#FF3B79"/><stop offset="1" stop-color="#FF4EC6"/></radialGradient><radialGradient id="iIfDUId" cx="0" cy="0" r="1" gradientTransform="rotate(142.986 8.763 10.523)scale(22.615 42.3601)" gradientUnits="userSpaceOnUse"><stop offset=".483" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="ili9yqe" cx="0" cy="0" r="1" gradientTransform="rotate(-158.663 11.55 7.76)scale(19.6166 27.7308)" gradientUnits="userSpaceOnUse"><stop offset=".41" stop-color="#B91D43" stop-opacity="0"/><stop offset=".834" stop-color="#B91D43"/></radialGradient><radialGradient id="ijTk9Hd" cx="0" cy="0" r="1" gradientTransform="rotate(90 -.053 15.712)scale(17.0729)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#FF7AF2" stop-opacity="0"/><stop offset=".934" stop-color="#FFBCE6"/></radialGradient><radialGradient id="i2YCN2b" cx="0" cy="0" r="1" gradientTransform="rotate(164.618 8.02 8.706)scale(14.8442 15.6768)" gradientUnits="userSpaceOnUse"><stop offset=".802" stop-color="#FF73A6" stop-opacity="0"/><stop offset="1" stop-color="#FF93BA"/></radialGradient><radialGradient id="iWWFs1b" cx="0" cy="0" r="1" gradientTransform="rotate(-176.775 13.842 6.755)scale(5.30792 3.58415)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF93BA"/><stop offset="1" stop-color="#FF73A6" stop-opacity="0"/></radialGradient><radialGradient id="i25oJgb" cx="0" cy="0" r="1" gradientTransform="matrix(-5.37567 -.26019 .1378 -2.84707 16.445 15.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA7C7"/><stop offset="1" stop-color="#FFA7C7" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Heart On Fire
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:heart-on-fire" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:heart-on-fire" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:heart-on-fire" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--heart-on-fire]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:heart-on-fire"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:heart-on-fire"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-on-fire.svg" alt="Иконка Heart On Fire" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Heart On Fire в других наборах
Вопросы и ответы: Иконка Heart On Fire
Можно ли бесплатно использовать иконку Heart On Fire в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Heart On Fire в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:heart-on-fire" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Heart On Fire на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/heart-on-fire.svg" alt="Иконка Heart On Fire">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.