Icône Hearts Broken
solar:hearts-broken
L'icône Hearts Broken (solar:hearts-broken) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- J'aime
- Mots-clés
- heartsbroken, heart
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.52401 17C7.34949 17.6794 8.19243 18.3044 8.96173 18.9109C10 19.7294 11 20.5 12 20.5C12.6939 20.5 13.3878 20.1289 14.0945 19.6283M14.0945 19.6283C14.3462 19.8137 14.5939 19.993 14.8291 20.1692C15.4001 20.5971 15.95 21 16.5 21C17.05 21 17.6 20.5971 18.171 20.1692C18.4357 19.9709 18.7161 19.7689 19.0001 19.5584M21.5091 17C21.8135 16.4363 22 15.798 22 15.0595C22 14.2243 21.6735 13.4689 21.1474 12.9177C21.1311 12.9007 21.1147 12.8838 21.098 12.8672C20.0141 11.7831 18.1368 11.5419 16.5 13.1584C14.8381 11.5171 12.9283 11.7909 11.8528 12.9177C11.3266 13.4689 11.0001 14.2243 11.0001 15.0595C11.0001 17.2323 12.6149 18.5377 14.0945 19.6283M3 13.0516C2.38338 11.9242 2 10.639 2 9.1371C2 4.27416 7.50016 0.825464 12 5.50063C16.4998 0.825464 22 4.27416 22 9.1371C22 10.5577 21.657 11.7844 21.098 12.8672"/></svg>Comment utiliser l'icône Hearts Broken
React
import { Icon } from "@iconify/react";
<Icon icon="solar:hearts-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:hearts-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:hearts-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hearts-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hearts-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:hearts-broken"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Icône Hearts Broken" width="24" height="24">Icônes similaires dans Solar
FAQ : Icône Hearts Broken
L'icône Hearts Broken est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Hearts Broken dans React ?
Installez @iconify/react et affichez <Icon icon="solar:hearts-broken" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hearts Broken à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/hearts-broken.svg" alt="Icône Hearts Broken">, ou collez le code SVG directement dans la page pour le styliser en CSS.