Иконка Grin Hearts

glyphs-poly:grin-hearts

Иконка Grin Hearts (glyphs-poly:grin-hearts) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: grinhearts, heart

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" d="M29.054 17.271A25.227 25.227 0 1 1 50.946 62.73a25.227 25.227 0 0 1-21.892-45.458"/><path fill="#333" fill-rule="evenodd" d="M28.273 48.782c-.825-.205-1.482.665-.952 1.33a16.218 16.218 0 0 0 25.358 0c.53-.665-.127-1.535-.952-1.33a45 45 0 0 1-10.836 1.323h-1.782a45 45 0 0 1-10.836-1.323" clip-rule="evenodd"/><path fill="#333" d="m51.727 48.781l-.24-.97zM40 55.217c-4.631 0-9.01-2.108-11.897-5.73l-1.564 1.248A17.22 17.22 0 0 0 40 57.217zm11.898-5.73A15.22 15.22 0 0 1 40 55.218v2c5.24 0 10.194-2.386 13.461-6.482zm-.412-1.676a44 44 0 0 1-10.595 1.294v2a46 46 0 0 0 11.077-1.353zm-10.595 1.294h-1.782v2h1.782zm-1.782 0a44 44 0 0 1-10.595-1.294l-.482 1.941a46 46 0 0 0 11.077 1.353zm14.352 1.63a1.79 1.79 0 0 0 .057-2.205a1.93 1.93 0 0 0-2.032-.72l.482 1.942c.01-.003 0 .002-.019-.006a.1.1 0 0 1-.045-.035a.2.2 0 0 1-.034-.117a.2.2 0 0 1 .013-.076c.008-.022.016-.031.014-.03zm-25.358-1.247c-.002-.001.006.008.014.03a.2.2 0 0 1 .013.076a.2.2 0 0 1-.034.117a.1.1 0 0 1-.045.035c-.019.008-.029.003-.019.006l.482-1.941c-.82-.204-1.6.128-2.032.719a1.79 1.79 0 0 0 .057 2.205z"/><path fill="#eb5757" fill-rule="evenodd" d="M23.764 32.37a3.5 3.5 0 0 0 2.475 4.286l7.727 2.07L36.036 31a3.5 3.5 0 0 0-6.76-1.812l-.196.73l-.063.236l-.237-.063l-.73-.195a3.5 3.5 0 0 0-4.286 2.474m32.659 0a3.5 3.5 0 0 1-2.475 4.286l-7.728 2.07L44.15 31a3.5 3.5 0 0 1 6.761-1.812l.196.73l.063.236l.236-.063l.73-.195a3.5 3.5 0 0 1 4.287 2.474" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="glyphs-poly:grin-hearts" width="24" />

Vue

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

<template>
  <Icon icon="glyphs-poly:grin-hearts" width="24" />
</template>

Svelte

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

<Icon icon="glyphs-poly:grin-hearts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--grin-hearts]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:grin-hearts"></div>

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

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

<iconify-icon icon="glyphs-poly:grin-hearts"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs-poly/grin-hearts.svg" alt="Иконка Grin Hearts" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Glyphs Poly →