Heart Crack Fill icon

keyline-icons:heart-crack-fill

The Heart Crack Fill icon (keyline-icons:heart-crack-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: heartcrack, crackfill, heartcrackfill

Download SVG

SVG code

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

How to use the Heart Crack Fill icon

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>

Web component

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

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

Related icons in Keyline Icons

Heart Crack Fill icon in other icon sets

Heart Crack Fill icon FAQ

Is the Heart Crack Fill icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Heart Crack Fill icon in React?

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

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

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

Browse all Keyline Icons →