Иконка Beating Heart

noto-v1:beating-heart

Иконка Beating Heart (noto-v1:beating-heart) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji (v1)
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Смайлы и эмоции
Теги: beatingheart

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#d7598b" d="M110.38 77.66c2.7-4.02 4.68-8.33 5.48-13.09c.81-4.79.77-11.65-1.19-16.21c-4.6-10.76-12.47-16.93-23.27-16.87c-.4 0-.8 0-1.2.02c-4.23.07-8.34 1.01-12.22 2.64c-4.16 1.75-7.02 4.38-10.71 6.72c-1.4.89-3.39.88-4.78 0c-3.7-2.35-6.55-4.97-10.7-6.72c-3.88-1.62-7.99-2.57-12.22-2.64c-.4-.01-.8-.01-1.21-.02c-10.8-.06-18.66 6.1-23.27 16.87c-1.96 4.56-2 11.42-1.19 16.21c.8 4.77 2.79 9.08 5.49 13.09c9.01 13.42 25.08 19.65 36.67 30.46c1.24 1.15 2.46 2.4 3.72 3.56c1.34 1.23 2.96 4.07 5.11 4.2c2.15-.13 3.77-2.97 5.11-4.2c1.26-1.16 2.48-2.41 3.72-3.56c11.57-10.81 27.65-17.04 36.66-30.46"/><path fill="#ed6c30" d="M118.83 87.97c1.37-2.67 2.95-6.52 2.28-9.59c-.13-.56-.37-1.49-1.09-1.5c-.47 0-.8.29-1.05.66c-.22.34-.38.74-.54 1.05c-1.25 2.63-2.72 5.18-4.52 7.48c-1.68 2.15-3.59 4.12-5.61 5.95q-.69.63-1.41 1.23c-1.6 1.36-3.24 2.65-4.93 3.88c-1.89 1.38-3.83 2.69-5.8 3.96c-.55.36-1.27.92-1.01 1.72c.24.75 1.72.54 2.32.42c8.55-1.68 17.32-7.37 21.36-15.26m7.56-.11c-.69-.58-1.3-.17-1.81.56c-1.1 1.55-1.75 3.41-2.82 5c-2.78 4.11-6.7 8.31-11.16 10.59c-.51.26-.92.58-1.37.91c-1.65 1.2 1.15 1.45 1.89 1.34c5.11-.75 10.76-3.6 13.44-8.16c1.27-2.15 2.12-4.51 2.26-7.02c.05-.73.22-2.66-.43-3.22M28.38 26.93c.34-.12.75-.24 1.11-.43c.4-.21.73-.51.76-.98c.06-.72-.84-1.05-1.39-1.23c-4.91-1.61-11.57 1.49-15.35 4.5c-4.94 3.94-7.89 10.35-7.89 16.65c0 1.07-.08 2.19.02 3.26c.05.48.31 1.63.84 1.83c1.33.49 2.1-3.62 2.3-4.36c.58-2.13 1.5-4.33 2.62-6.23c3.7-6.22 10.32-10.57 16.98-13.01m-13.25-5.29c.44-.18 1.8-.48 2.63-.98c.58-.35.9-.8.47-1.38c-.72-.99-2.9-.78-3.96-.77c-1.39.02-2.79.16-4.14.53c-5.74 1.58-9.28 7.69-9 13.43c.03.68.13 1.71.5 2.3c.44.72 1.04.28 1.47-.26c.71-.9 1.19-1.94 1.68-2.97c.46-.95.96-1.9 1.53-2.79c2.2-3.41 5.09-5.6 8.82-7.11"/></svg>

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

React

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

<Icon icon="noto-v1:beating-heart" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:beating-heart" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:beating-heart" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--beating-heart]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:beating-heart"></div>

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

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

<iconify-icon icon="noto-v1:beating-heart"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/noto-v1/beating-heart.svg" alt="Иконка Beating Heart" width="24" height="24">

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

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

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

Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Noto Emoji (v1) →