Иконка Heart

simple-line-icons:heart

Иконка Heart (simple-line-icons:heart) — бесплатная SVG-иконка из набора Simple line icons от Sabbir Ahmed. Она нарисована на сетке 1024 × 1024. Simple line icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple line icons
Автор: Sabbir Ahmed
Лицензия: MIT
Размер: 1024 × 1024

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M287.984 114.16c31.376 0 88.094 15.008 180.094 105.616l45.616 44.912l44.928-45.632c63.872-64.896 131.84-105.2 177.376-105.2c61.408 0 109.809 21.008 157.009 68.096c44.464 44.368 68.992 103.36 68.992 166.112c.032 62.784-24.448 121.824-69.408 166.672c-3.664 3.712-196.992 212.304-358.96 387.104c-7.632 7.248-16.352 8.32-20.991 8.32c-4.576 0-13.2-1.024-20.8-8.096c-39.472-43.905-325.552-362-358.815-395.232C88.497 462.416 64 403.376 64 340.608c.015-62.752 24.511-121.728 69.04-166.144c43.295-43.264 93.984-60.304 154.944-60.304m-.002-64c-76.528 0-144 22.895-200.176 79.008c-117.072 116.768-117.072 306.128 0 422.96c33.424 33.44 357.855 394.337 357.855 394.337c18.48 18.496 42.753 27.68 66.96 27.68c24.225 0 48.4-9.184 66.912-27.68c0 0 354.88-383.024 358.656-386.85c117.04-116.88 117.04-306.24 0-423.007c-58.112-58-123.024-86.784-202.208-86.784c-75.648 0-160 60.32-223.008 124.32C447.981 110.159 366.237 50.16 287.981 50.16z"/></svg>

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

React

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

<Icon icon="simple-line-icons:heart" width="24" />

Vue

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

<template>
  <Icon icon="simple-line-icons:heart" width="24" />
</template>

Svelte

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

<Icon icon="simple-line-icons:heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:heart"></div>

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

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

<iconify-icon icon="simple-line-icons:heart"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/simple-line-icons/heart.svg" alt="Иконка Heart" width="24" height="24">

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

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

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

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

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

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

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

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

Все Simple line icons →