Иконка Heart Crack Fill

keyline-icons:heart-crack-fill

Иконка Heart Crack Fill (keyline-icons:heart-crack-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: heartcrack, crackfill, heartcrackfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16 1.99965C19.8254 1.99965 22.9998 4.98215 23 8.74965C23 11.6439 21.4179 13.9744 19.4219 15.9918C17.4583 17.9765 14.8377 19.8914 12.6494 21.7604C12.2754 22.0796 11.7246 22.0796 11.3506 21.7604C9.16227 19.8914 6.54173 17.9765 4.57812 15.9918C2.5821 13.9744 1 11.6439 1 8.74965C1.00019 4.98215 4.17457 1.99965 8 1.99965C9.27426 1.99965 10.4435 2.33983 11.4902 2.93715L9.55664 8.41762C9.46577 8.67544 9.48459 8.96003 9.6084 9.20375C9.73228 9.44743 9.95107 9.63005 10.2129 9.70864L11.5068 10.0963L10.1318 12.5045C9.90837 12.896 9.97423 13.3889 10.293 13.7077L12.293 15.7077C12.6834 16.098 13.3165 16.0979 13.707 15.7077C14.0975 15.3172 14.0975 14.6841 13.707 14.2936L12.2471 12.8336L13.8682 9.99672C14.0194 9.73208 14.0417 9.4126 13.9287 9.12954C13.8156 8.84645 13.5791 8.63022 13.2871 8.54262L11.792 8.0934L13.7754 2.47622C13.7896 2.43599 13.7998 2.39477 13.8086 2.35415C14.4982 2.12426 15.2299 1.99965 16 1.99965Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="keyline-icons:heart-crack-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:heart-crack-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:heart-crack-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--heart-crack-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:heart-crack-fill"></div>

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

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

<iconify-icon icon="keyline-icons:heart-crack-fill"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →