Icône Heart Crack Fill

keyline-icons:heart-crack-fill

L'icône Heart Crack Fill (keyline-icons:heart-crack-fill) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: heartcrack, crackfill, heartcrackfill

Télécharger le SVG

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

Comment utiliser l'icône Heart Crack Fill

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>

Image HTML

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

Icônes similaires dans Keyline Icons

L'icône Heart Crack Fill dans d'autres collections

FAQ : Icône Heart Crack Fill

L'icône Heart Crack Fill est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Heart Crack Fill dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:heart-crack-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Heart Crack Fill à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/heart-crack-fill.svg" alt="Icône Heart Crack Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →