أيقونة Social Dropbox

foundation:social-dropbox

أيقونة Social Dropbox (foundation:social-dropbox) أيقونة SVG مجانية من مجموعة Foundation من تصميم Zurb. مرسومة على شبكة 100 × 100. تُنشر Foundation icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Foundation
المؤلف: Zurb
الترخيص: MIT
الحجم: 100 × 100
الوسوم: socialdropbox

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M34.063 13.993L11.288 28.864l15.747 12.612L50 27.295zM11.288 54.087l22.775 14.869L50 55.653L27.035 41.476zM50 55.653l15.937 13.303l22.775-14.869l-15.747-12.611zm38.712-26.789L65.937 13.993L50 27.295l22.965 14.181z"/><path fill="currentColor" d="M50.046 58.517L34.063 71.778l-6.84-4.464v5.005l22.823 13.688l22.825-13.688v-5.005l-6.841 4.464z"/></svg>

كيفية استخدام أيقونة Social Dropbox

React

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

<Icon icon="foundation:social-dropbox" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-dropbox" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-dropbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-dropbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-dropbox"></div>

مكوّن ويب

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

<iconify-icon icon="foundation:social-dropbox"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/foundation/social-dropbox.svg" alt="أيقونة Social Dropbox" width="24" height="24">

أيقونات ذات صلة في Foundation

أيقونة Social Dropbox في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Social Dropbox

هل أيقونة Social Dropbox مجانية للاستخدام التجاري؟

نعم. تُنشر Foundation icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Social Dropbox في React؟

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

كيف أضيف أيقونة Social Dropbox إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/foundation/social-dropbox.svg" alt="أيقونة Social Dropbox">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Foundation →