Иконка Heart Crack Bold Duotone

solar:heart-crack-bold-duotone

Иконка Heart Crack Bold Duotone (solar:heart-crack-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Лайки
Теги: heartcrack, crackbold, boldduotone, heartcrackboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.0383 18.9109C17.9806 16.5914 22 14 22 9.1371C22 4.27416 16.4998 0.825464 12 5.50063L10.8822 7.73568C10.6998 8.10049 10.6086 8.28289 10.6531 8.46199C10.6975 8.64109 10.8635 8.75963 11.1954 8.99671L13.111 10.365C13.5268 10.662 13.7346 10.8105 13.7612 11.029C13.7878 11.2476 13.6215 11.4416 13.289 11.8295L11.6027 13.7969C11.3168 14.1305 11.1738 14.2972 11.1813 14.493C11.1888 14.6888 11.3442 14.8442 11.6548 15.1548L12.5996 16.0996C12.7952 16.2952 12.893 16.393 12.9281 16.5199C12.9633 16.6469 12.9298 16.781 12.8627 17.0493L12 20.5C13 20.5 14 19.7294 15.0383 18.9109Z"/><path d="M8.10627 18.2468C5.29819 16.0833 2 13.5422 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063L10.8822 7.73568C10.6998 8.10049 10.6086 8.28289 10.6531 8.46199C10.6975 8.64109 10.8635 8.75963 11.1954 8.99671L13.111 10.365C13.5268 10.662 13.7346 10.8105 13.7612 11.029C13.7878 11.2476 13.6215 11.4416 13.289 11.8295L11.6027 13.7969C11.3168 14.1305 11.1738 14.2972 11.1813 14.493C11.1888 14.6888 11.3442 14.8442 11.6548 15.1548L12.5996 16.0996C12.7952 16.2952 12.893 16.393 12.9281 16.5199C12.9633 16.6469 12.9298 16.781 12.8627 17.0493L12 20.5C11 20.5 10 19.7294 8.96173 18.9109C8.68471 18.6925 8.39814 18.4717 8.10627 18.2468Z" opacity=".5"/></g></svg>

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

React

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

<Icon icon="solar:heart-crack-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:heart-crack-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:heart-crack-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--heart-crack-bold-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:heart-crack-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/heart-crack-bold-duotone.svg" alt="Иконка Heart Crack Bold Duotone" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →