ICONYZ
العربية
أيقونة Hand Drag 1 من Ultimate color icons

أيقونة Hand Drag 1

streamline-ultimate-color:hand-drag-1

أيقونة Hand Drag 1 (streamline-ultimate-color:hand-drag-1) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Ultimate color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
24 × 24
الفئة
أساسيات الواجهة
الوسوم
handdrag
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffdda1" d="M20.964 4.53a2.24 2.24 0 0 0-2.24 2.24V5.278a2.242 2.242 0 0 0-4.483 0V3.783a2.241 2.241 0 1 0-4.482 0v1.494a2.242 2.242 0 0 0-4.482 0v2.24H3.035c-1.494 0-2.24 1.537-2.24 2.989V12c0 2.988 1.494 10.459 9.957 10.459h4.983a7.47 7.47 0 0 0 7.47-7.47V6.77a2.24 2.24 0 0 0-2.24-2.241"/><path fill="#ffdda1" d="M5.277 9.46a23.5 23.5 0 0 1 7.47-1.186a22.34 22.34 0 0 1 10.459 2.468V6.771a2.242 2.242 0 0 0-4.483 0V5.277a2.241 2.241 0 1 0-4.482 0V3.783a2.242 2.242 0 1 0-4.482 0v1.494a2.241 2.241 0 0 0-4.482 0z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M5.277 10.506v-5.23a2.241 2.241 0 1 1 4.482 0v1.495m4.483-.001V5.278a2.24 2.24 0 1 1 4.482 0V6.77"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.241 5.277V3.783a2.24 2.24 0 1 0-4.482 0v1.494m8.964 3.735V6.77a2.241 2.241 0 1 1 4.483 0v8.217a7.47 7.47 0 0 1-7.47 7.47h-4.983C2.288 22.458.794 14.988.794 12v-1.494c0-1.452.747-2.988 2.241-2.988h2.242"/></g></svg>

كيفية استخدام أيقونة Hand Drag 1

React

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

<Icon icon="streamline-ultimate-color:hand-drag-1" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:hand-drag-1" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:hand-drag-1" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--hand-drag-1]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:hand-drag-1"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-ultimate-color:hand-drag-1"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hand-drag-1.svg" alt="أيقونة Hand Drag 1" width="24" height="24">

الأسئلة الشائعة حول أيقونة Hand Drag 1

هل أيقونة Hand Drag 1 مجانية للاستخدام التجاري؟

نعم. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Hand Drag 1 في React؟

ثبّت @iconify/react واعرض <Icon icon="streamline-ultimate-color:hand-drag-1" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Hand Drag 1 إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hand-drag-1.svg" alt="أيقونة Hand Drag 1">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Ultimate color icons →