أيقونة Data Server
icon-park:data-server
أيقونة Data Server (icon-park:data-server) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- العتاد
- الوسوم
- dataserver
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z"/><path stroke="#fff" d="M4 32H44"/><path stroke="#fff" stroke-linejoin="round" d="M10 38H11"/><path stroke="#fff" stroke-linejoin="round" d="M26 38H38"/><path stroke="#000" stroke-linejoin="round" d="M44 37V27"/><path stroke="#000" stroke-linejoin="round" d="M4 37V27"/></g></svg>
كيفية استخدام أيقونة Data Server
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:data-server" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:data-server" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:data-server" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--data-server]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:data-server"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:data-server"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/data-server.svg" alt="أيقونة Data Server" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Data Server في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Data Server
هل أيقونة Data Server مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Data Server في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:data-server" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Data Server إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/data-server.svg" alt="أيقونة Data Server">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
