أيقونة Hand Drag
icon-park-outline:hand-drag
أيقونة Hand Drag (icon-park-outline:hand-drag) أيقونة SVG مجانية من مجموعة IconPark Outline من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark Outline
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأيدي
- الوسوم
- handdrag
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"><path d="M9.583 27.182Q7.009 28.94 7.009 33c0 4.06 4.991 11 9.492 11h11.515c4.405 0 7.08-3.85 7.08-6.94V24.6a3.253 3.253 0 0 0-3.243-3.253a3.235 3.235 0 0 0-3.245 3.226v.11"/><path d="M10.981 29.445V7.662a3.217 3.217 0 0 1 6.435 0v15.986"/><path stroke-linejoin="round" d="M17.416 24v-4.192a2.804 2.804 0 0 1 5.608 0v4.62"/><path stroke-linejoin="round" d="M23 24.658v-2.85a2.804 2.804 0 0 1 5.608 0v3.195"/><path d="M11 8h30"/><path stroke-linejoin="round" d="m36 12.5l1.667-1.5L41 8l-3.333-3L36 3.5"/></g></svg>
كيفية استخدام أيقونة Hand Drag
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:hand-drag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:hand-drag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:hand-drag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--hand-drag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:hand-drag"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:hand-drag"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/hand-drag.svg" alt="أيقونة Hand Drag" width="24" height="24">
أيقونات ذات صلة في IconPark Outline
أيقونة Hand Drag في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Hand Drag
هل أيقونة Hand Drag مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark Outline icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Hand Drag في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park-outline:hand-drag" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Hand Drag إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park-outline/hand-drag.svg" alt="أيقونة Hand Drag">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark Outline →
ICONYZ
