Icône Hand Drag
icon-park:hand-drag
L'icône Hand Drag (icon-park:hand-drag) est une icône SVG gratuite de la collection IconPark par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark 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
- IconPark
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Mains
- Mots-clés
- handdrag
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path d="M9.58303 27.1824C7.86719 28.3542 7.00928 30.2934 7.00928 33.0002C7.00928 37.0602 12.0001 44.0002 16.5006 44.0002C21.001 44.0002 23.6111 44.0002 28.016 44.0002C32.421 44.0002 35.0965 40.1495 35.0965 37.0602C35.0965 32.9069 35.0965 28.7536 35.0965 24.6002C35.0965 22.8072 33.6456 21.3522 31.8525 21.3472C30.0659 21.3422 28.6135 22.7865 28.6085 24.5731C28.6085 24.5761 28.6085 24.5791 28.6085 24.5821V24.6836"/><path d="M10.9814 29.4453V7.66246C10.9814 5.88568 12.4218 4.44531 14.1986 4.44531C15.9754 4.44531 17.4157 5.88568 17.4157 7.66246V23.6479"/><path stroke-linejoin="round" d="M17.4155 24.0001V19.8076C17.4155 18.2589 18.671 17.0034 20.2197 17.0034C21.7684 17.0034 23.0239 18.2589 23.0239 19.8076V24.4272"/><path stroke-linejoin="round" d="M23 24.6583V21.8076C23 20.2589 24.2555 19.0034 25.8042 19.0034C27.3529 19.0034 28.6084 20.2589 28.6084 21.8076V25.0034"/><path d="M11 8H41"/><path stroke-linejoin="round" d="M36 12.5L37.6667 11L41 8L37.6667 5L36 3.5"/></g></svg>
Comment utiliser l'icône Hand Drag
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:hand-drag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:hand-drag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:hand-drag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--hand-drag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:hand-drag"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:hand-drag"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park/hand-drag.svg" alt="Icône Hand Drag" width="24" height="24">
Icônes similaires dans IconPark
L'icône Hand Drag dans d'autres collections
FAQ : Icône Hand Drag
L'icône Hand Drag est-elle gratuite pour un usage commercial ?
Oui. Les IconPark 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 Hand Drag dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park:hand-drag" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hand Drag à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park/hand-drag.svg" alt="Icône Hand Drag">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes IconPark →
ICONYZ
