Иконка Heart Pulse Fill

keyline-icons:heart-pulse-fill

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

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

Скачать 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 2C19.8256 2 23 4.9823 23 8.75C23 11.6443 21.418 13.9747 19.4219 15.9922C17.4582 17.9769 14.8378 19.8917 12.6494 21.7607C12.4683 21.9152 12.238 22 12 22C11.762 22 11.5317 21.9152 11.3506 21.7607C9.1622 19.8917 6.5418 17.9769 4.5781 15.9922C2.582 13.9747 1 11.6443 1 8.75C1 4.9823 4.1744 2 8 2C9.4851 2 10.828 2.4608 12 3.2539C13.172 2.4608 14.5149 2 16 2ZM20.0591 12L14.7208 12L13.9487 14.3162C13.8126 14.7246 13.4304 15 13 15C12.6212 15 12.275 14.786 12.1056 14.4472L10.1852 10.6066L9.9487 11.3162C9.8126 11.7246 9.4304 12 9 12L3.9409 12C4.2758 12.564 4.6595 13.0976 5.0875 13.5947C5.4809 14.0541 5.8961 14.4944 6.3318 14.9139C6.7991 15.3644 7.2795 15.8011 7.7725 16.2233C8.0287 16.4438 8.2869 16.6621 8.5471 16.878C8.8101 17.0967 9.0771 17.3155 9.3474 17.5354C9.6178 17.7553 9.8906 17.9756 10.1656 18.1976C10.4402 18.4192 10.7172 18.6427 10.9939 18.8672C11.2707 19.0919 11.5481 19.3184 11.8244 19.5469C11.883 19.5954 11.9415 19.6439 12 19.6926C12.0585 19.6439 12.117 19.5954 12.1756 19.5469C12.4519 19.3184 12.7293 19.0919 13.0061 18.8672C13.2828 18.6427 13.5598 18.4192 13.8344 18.1976C14.1094 17.9756 14.3822 17.7553 14.6526 17.5354C14.9229 17.3155 15.1899 17.0967 15.4529 16.878C15.9674 16.4526 16.4728 16.0162 16.9686 15.5692C17.4352 15.1489 17.8855 14.7109 18.3186 14.2561C18.7191 13.8362 19.0944 13.3931 19.4426 12.9289C19.6651 12.6309 19.8709 12.3208 20.0591 12Z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →