Icône Heart Unlock

reicon:heart-unlock

L'icône Heart Unlock (reicon:heart-unlock) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon 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: Reicon
Auteur: REICON
Licence: MIT
Taille: 24 × 24
Catégorie: J'aime
Mots-clés: heartunlock

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 11.25a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-1.5 0V12a.75.75 0 0 1 .75-.75"/><path fill-rule="evenodd" d="M6.265 6.492q-.3.093-.587.22C3.66 7.606 2.25 9.687 2.25 12.1c0 2.361 1.017 4.157 2.337 5.596c1.056 1.151 2.348 2.114 3.483 2.96q.386.287.74.557c.461.351.96.73 1.466 1.016c.507.287 1.09.522 1.724.522s1.217-.235 1.724-.522s1.005-.665 1.466-1.016q.354-.27.74-.557c1.135-.846 2.427-1.809 3.483-2.96c1.32-1.439 2.337-3.235 2.337-5.596c0-2.413-1.41-4.494-3.428-5.386c-1.896-.84-4.231-.593-6.322 1.195c-1.363-1.166-2.83-1.676-4.21-1.658c.12-1.112.516-1.913 1.07-2.458c.676-.663 1.685-1.042 3.012-1.042c1.667 0 2.84.594 3.49 1.644a.75.75 0 1 0 1.276-.788c-.993-1.607-2.73-2.356-4.766-2.356c-1.609 0-3.036.464-4.062 1.472c-.931.915-1.454 2.199-1.545 3.77M3.75 12.1c0-1.824 1.065-3.364 2.535-4.015c1.429-.632 3.352-.466 5.183 1.375a.75.75 0 0 0 1.064 0c1.83-1.841 3.754-2.007 5.183-1.375c1.47.65 2.535 2.19 2.535 4.015c0 1.877-.792 3.328-1.942 4.582c-.95 1.036-2.1 1.894-3.229 2.737q-.404.3-.8.601c-.474.362-.892.676-1.294.903c-.402.228-.72.328-.985.328c-.266 0-.583-.1-.985-.328c-.402-.227-.82-.541-1.294-.903a94 94 0 0 0-.8-.601c-1.128-.842-2.278-1.7-3.229-2.737c-1.15-1.254-1.942-2.705-1.942-4.582" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône Heart Unlock

React

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

<Icon icon="reicon:heart-unlock" width="24" />

Vue

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

<template>
  <Icon icon="reicon:heart-unlock" width="24" />
</template>

Svelte

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

<Icon icon="reicon:heart-unlock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--heart-unlock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:heart-unlock"></div>

Web component

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

<iconify-icon icon="reicon:heart-unlock"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/reicon/heart-unlock.svg" alt="Icône Heart Unlock" width="24" height="24">

Icônes similaires dans Reicon

FAQ : Icône Heart Unlock

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

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

Comment utiliser l'icône Heart Unlock dans React ?

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

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

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

Voir toutes les Icônes Reicon →