Icône Hand Heart Duotone

keyline-icons:hand-heart-duotone

L'icône Hand Heart Duotone (keyline-icons:hand-heart-duotone) 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: handheart, heartduotone, handheartduotone, heart hand duotone

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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M8.9168 13.0295C6.7265 11.1171 5 9.12 5 6.6C5 4.0594 7.149 2 9.8 2C11 2 12.0741 2.4367 13 3.2C13.9259 2.4367 15 2 16.2 2C18.851 2 21 4.0594 21 6.6C21 8.94 19.5113 10.8292 17.5449 12.6183"/><path fill="currentColor" d="M13.4629 10.4635C14.6345 9.29202 16.5355 9.29191 17.707 10.4635C18.8784 11.6351 18.8787 13.5361 17.707 14.7076L13.707 18.7076C12.9174 19.4971 11.762 20.0006 10.5 20.0006H5.82812C5.56345 20.0006 5.30843 20.1062 5.12109 20.2935L3.70703 21.7076C3.42106 21.9934 2.99072 22.0791 2.61719 21.9244C2.2437 21.7697 2.00022 21.4048 2 21.0006V16.3004C2 16.0352 2.10554 15.7809 2.29297 15.5933L5.09277 12.7935C5.55972 12.3266 6.20701 12.0006 7 12.0006H9.5C10.1713 12.0006 10.7794 12.2663 11.2285 12.6969L13.4629 10.4635Z" stroke="none"/><path d="M3 14V22"/></g></svg>

Comment utiliser l'icône Hand Heart Duotone

React

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

<Icon icon="keyline-icons:hand-heart-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:hand-heart-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:hand-heart-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--hand-heart-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:hand-heart-duotone"></div>

Web component

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

<iconify-icon icon="keyline-icons:hand-heart-duotone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/hand-heart-duotone.svg" alt="Icône Hand Heart Duotone" width="24" height="24">

Icônes similaires dans Keyline Icons

L'icône Hand Heart Duotone dans d'autres collections

FAQ : Icône Hand Heart Duotone

L'icône Hand Heart Duotone 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 Hand Heart Duotone dans React ?

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

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

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

Voir toutes les Keyline Icons →