أيقونة Dropbox
icon-park:dropbox
أيقونة Dropbox (icon-park:dropbox) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- العلامة التجارية
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 10L12 18L24 26L36 18L24 10Z"/><path d="M24 10L36 18L41 11L30 4L24 10Z"/><path d="M24 10L12 18L7 11L18 4L24 10Z"/><path d="M43 22L36 18L24 26L31 31L43 22Z"/><path d="M5 22L12 18L24 26L17 31L5 22Z"/><path stroke-linecap="round" d="M36 28V37L24 44L12 37V28"/></g></svg>
كيفية استخدام أيقونة Dropbox
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:dropbox" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:dropbox" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:dropbox" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dropbox]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dropbox"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:dropbox"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/dropbox.svg" alt="أيقونة Dropbox" width="24" height="24">
أيقونة Dropbox في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Dropbox
هل أيقونة Dropbox مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Dropbox في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:dropbox" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Dropbox إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/dropbox.svg" alt="أيقونة Dropbox">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
