Icône Heart Hand Line
mingcute:heart-hand-line
L'icône Heart Hand Line (mingcute:heart-hand-line) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, 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
- MingCute Icon
- Auteur
- MingCute Design
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- hearthand, handline, hearthandline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m3.002 10.37l1-.022zm8.866-4.802l-.71.704zm9.13 4.803l1 .022zm-8.866-4.803l.71.704zm-1.94 13.603l.51-.86zm3.617 0l-.511-.86zM12.715 6.417A1 1 0 1 0 11.3 5.003l.708.707zm8.402 6.87a1 1 0 1 0-1.235-1.574l.618.787zm-4.955-1.048l.707-.707zm-2.5-1.293l-.708-.707zm1.207 0l.707-.707zM8.49 9.229l-.708-.707zM3 10.371l1-.023c-.047-2.19 1.07-3.977 2.514-4.818c1.394-.812 3.136-.783 4.644.743l.711-.704l.711-.703c-2.178-2.203-4.927-2.314-7.073-1.064c-2.095 1.221-3.569 3.7-3.504 6.592zm17.997 0l1 .022c.065-2.892-1.409-5.37-3.504-6.592c-2.146-1.25-4.895-1.139-7.073 1.064l.71.703l.712.704c1.508-1.526 3.25-1.555 4.644-.743c1.444.842 2.56 2.628 2.511 4.82zM12 20v-1c.05 0 .039.01-.061-.026a3 3 0 0 1-.346-.153c-.287-.146-.59-.33-.891-.51l-.51.86l-.511.86c.267.159.644.389 1.007.573c.183.093.385.186.588.258c.193.067.449.138.724.138zm-1.809-.829l.511-.86c-4.66-2.768-6.644-5.45-6.7-7.963l-1 .023l-1 .022c.081 3.61 2.89 6.794 7.679 9.638zM12 20v1c.275 0 .531-.071.723-.138c.204-.072.406-.165.59-.258c.362-.184.739-.414 1.006-.573l-.51-.86l-.511-.86c-.302.18-.604.364-.891.51a3 3 0 0 1-.346.153c-.1.036-.111.026-.061.026zm1.809-.829l.51.86c4.788-2.844 7.598-6.029 7.679-9.638l-1-.022l-1-.023c-.056 2.512-2.04 5.195-6.7 7.963zm-1.94-13.603l-.712.704a1.19 1.19 0 0 0 1.686 0l-.711-.704l-.711-.703a.81.81 0 0 1 1.158 0zm.139.142l-.707-.707l-3.518 3.52l.708.706l.707.707l3.517-3.52zm.788 6.102l.707.707l.865-.866l-.707-.707l-.707-.707l-.865.865zm2.073-.866l-.707.707l1.293 1.294l.707-.708l.707-.707l-1.293-1.293zm1.293 1.293l-.707.708a4.275 4.275 0 0 0 5.662.34L20.5 12.5l-.617-.787c-.906.711-2.2.633-3.014-.18zm-2.5-1.293l.706.707a.146.146 0 0 1-.207 0l.708-.707l.707-.707a1.854 1.854 0 0 0-2.622 0zm-5.171.866l-.707.707a4.044 4.044 0 0 0 5.719 0l-.707-.707l-.707-.708a2.044 2.044 0 0 1-2.89 0zm0-2.583l-.708-.707a2.826 2.826 0 0 0 0 3.997l.708-.707l.707-.708a.826.826 0 0 1 0-1.168z"/></svg>
Comment utiliser l'icône Heart Hand Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:heart-hand-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:heart-hand-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:heart-hand-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--heart-hand-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:heart-hand-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:heart-hand-line"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/heart-hand-line.svg" alt="Icône Heart Hand Line" width="24" height="24">
Icônes similaires dans MingCute Icon
FAQ : Icône Heart Hand Line
L'icône Heart Hand Line est-elle gratuite pour un usage commercial ?
Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Heart Hand Line dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:heart-hand-line" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Heart Hand Line à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/heart-hand-line.svg" alt="Icône Heart Hand Line">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes MingCute Icon →
ICONYZ
