أيقونة Digital Ocean
thesvg-color:digital-ocean
أيقونة Digital Ocean (thesvg-color:digital-ocean) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 54 × 54. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 54 × 54
- الوسوم
- digitalocean
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"><g fill="#0080ff" fill-rule="evenodd"><path d="M24.915 50v-9.661c10.226 0 18.164-10.141 14.237-20.904a14.44 14.44 0 0 0-8.615-8.616C19.774 6.921 9.633 14.83 9.633 25.056H0C0 8.758 15.763-3.954 32.853 1.384C40.311 3.73 46.271 9.661 48.588 17.12C53.927 34.237 41.243 50 24.915 50"/><path d="M15.339 40.367h9.604v-9.604H15.34zm-7.401 7.401h7.4v-7.4h-7.4zm-6.187-7.4h6.187V34.18H1.751z"/></g></svg>
كيفية استخدام أيقونة Digital Ocean
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:digital-ocean" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:digital-ocean" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:digital-ocean" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--digital-ocean]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:digital-ocean"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:digital-ocean"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/digital-ocean.svg" alt="أيقونة Digital Ocean" width="24" height="24">
أيقونات ذات صلة في theSVG Color
أيقونة Digital Ocean في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Digital Ocean
هل أيقونة Digital Ocean مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Digital Ocean في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:digital-ocean" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Digital Ocean إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/digital-ocean.svg" alt="أيقونة Digital Ocean">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات theSVG Color →
ICONYZ
