أيقونة Dropbox Logo Bold

ph:dropbox-logo-bold

أيقونة Dropbox Logo Bold (ph:dropbox-logo-bold) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Phosphor
المؤلف: Phosphor Icons
الترخيص: MIT
الحجم: 256 × 256
الوسوم: cloud، storage، backup، logos، dropboxlogo، logobold، dropboxlogobold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M238.83 146.13L201.08 120l37.75-26.13a12 12 0 0 0 0-19.74l-52-36a12 12 0 0 0-13.66 0L128 69.41L82.83 38.13a12 12 0 0 0-13.66 0l-52 36a12 12 0 0 0 0 19.74L54.92 120l-37.75 26.13a12 12 0 0 0 0 19.74l52 36a12 12 0 0 0 13.66 0L128 170.59l45.17 31.28a12 12 0 0 0 13.66 0l52-36a12 12 0 0 0 0-19.74M128 141.41L97.08 120L128 98.59L158.92 120Zm52-78.81L210.92 84L180 105.4L149.08 84Zm-104 0L106.92 84L76 105.4L45.08 84Zm0 114.8L45.08 156L76 134.6l30.92 21.4Zm104 0L149.08 156L180 134.6l30.92 21.4Zm-25.27 32.09a12 12 0 0 1-3 16.7l-16.86 11.68a12 12 0 0 1-13.66 0l-16.86-11.68A12 12 0 1 1 118 206.46l10 6.94l10-6.94a12 12 0 0 1 16.73 3.03"/></svg>

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

React

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

<Icon icon="ph:dropbox-logo-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:dropbox-logo-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:dropbox-logo-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--dropbox-logo-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:dropbox-logo-bold"></div>

مكوّن ويب

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

<iconify-icon icon="ph:dropbox-logo-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/ph/dropbox-logo-bold.svg" alt="أيقونة Dropbox Logo Bold" width="24" height="24">

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

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

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

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

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

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

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

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

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