أيقونة Drag And Drop
ix:drag-and-drop
أيقونة Drag And Drop (ix:drag-and-drop) أيقونة SVG مجانية من مجموعة Siemens Industrial Experience Icons من تصميم Siemens AG. مرسومة على شبكة 512 × 512. تُنشر Siemens Industrial Experience Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Siemens Industrial Experience Icons
- المؤلف
- Siemens AG
- الترخيص
- MIT
- الحجم
- 512 × 512
- الوسوم
- dragand، anddrop، draganddrop
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M277.333 128H320V42.667H42.667V320H128v-42.667H85.333v-192h192zM192 181.333h-10.667V192h-32v-42.667H192zm-42.667 53.334v42.666h32v-42.666zm0 128V320h32v42.667zM416 320v42.667h32V320zm32-42.667h-32v-42.666h32zm-170.667-128h-42.666v32h42.666zm42.667 0h42.667v32H320zM277.333 448v-32h-42.666v32zM320 416h42.667v32H320zm-138.667 0v-10.667h-32V448H192v-32zM416 181.333V192h32v-42.667h-42.667v32zM416 416h-10.667v32H448v-42.667h-32zm-74.225-181.333L298.667 192L256 234.667zm-43.108 170.666L256 362.667h85.775zm-64-149.333L192 298.667l42.667 42.666zm170.666 42.667l-42.666 42.666V256z" clip-rule="evenodd"/></svg>كيفية استخدام أيقونة Drag And Drop
React
import { Icon } from "@iconify/react";
<Icon icon="ix:drag-and-drop" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:drag-and-drop" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:drag-and-drop" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--drag-and-drop]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:drag-and-drop"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:drag-and-drop"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/ix/drag-and-drop.svg" alt="أيقونة Drag And Drop" width="24" height="24">أيقونات ذات صلة في Siemens Industrial Experience Icons
أيقونة Drag And Drop في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Drag And Drop
هل أيقونة Drag And Drop مجانية للاستخدام التجاري؟
نعم. تُنشر Siemens Industrial Experience Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Drag And Drop في React؟
ثبّت @iconify/react واعرض <Icon icon="ix:drag-and-drop" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Drag And Drop إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ix/drag-and-drop.svg" alt="أيقونة Drag And Drop">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.