Heart Crack Bold Duotone icon

solar:heart-crack-bold-duotone

The Heart Crack Bold Duotone icon (solar:heart-crack-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Like
Tags: heartcrack, crackbold, boldduotone, heartcrackboldduotone

Download SVG

SVG code

<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>

How to use the Heart Crack Bold Duotone icon

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>

Web component

<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 image

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

Related icons in Solar

Heart Crack Bold Duotone icon FAQ

Is the Heart Crack Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Heart Crack Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:heart-crack-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Heart Crack Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/heart-crack-bold-duotone.svg" alt="Heart Crack Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →