أيقونة Dropbox Light
selfhst:dropbox-light
أيقونة Dropbox Light (selfhst:dropbox-light) أيقونة SVG مجانية من مجموعة selfh.st/icons من تصميم selfh.st. مرسومة على شبكة 512 × 512. تُنشر selfh.st/icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- selfh.st/icons
- المؤلف
- selfh.st
- الترخيص
- CC-BY-4.0
- الحجم
- 512 × 512
- الوسوم
- dropboxlight
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M150.9 17.5L0 115.3l105.1 84.5L256 105.7zM0 282l150.9 99L256 292.8l-150.9-93zm256 10.8L362.3 381L512 283.2l-103.8-83.3c0-.1-152.2 92.9-152.2 92.9m256-177.5L362.3 17.5L256 105.7l152.2 94.2zM257.2 312.2l-106.3 88.2l-44.7-30.2V404l150.9 90.6L408 404v-33.8l-45.9 30.2c.2-.1-104.9-88.2-104.9-88.2"/></svg>كيفية استخدام أيقونة Dropbox Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:dropbox-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:dropbox-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:dropbox-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--dropbox-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:dropbox-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:dropbox-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/selfhst/dropbox-light.svg" alt="أيقونة Dropbox Light" width="24" height="24">أيقونات ذات صلة في selfh.st/icons
الأسئلة الشائعة حول أيقونة Dropbox Light
هل أيقونة Dropbox Light مجانية للاستخدام التجاري؟
نعم. تُنشر selfh.st/icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Dropbox Light في React؟
ثبّت @iconify/react واعرض <Icon icon="selfhst:dropbox-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Dropbox Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/selfhst/dropbox-light.svg" alt="أيقونة Dropbox Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.