أيقونة Database Connect
streamline-ultimate-color:database-connect
أيقونة Database Connect (streamline-ultimate-color:database-connect) أيقونة SVG مجانية من مجموعة Ultimate color icons من تصميم Streamline. مرسومة على شبكة 24 × 24. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Ultimate color icons
- المؤلف
- Streamline
- الترخيص
- CC-BY-4.0
- الحجم
- 24 × 24
- الفئة
- البرمجة والتطبيقات والمواقع
- الوسوم
- databaseconnect
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#b2b2b2" d="M7.286 2.57v5.24c0 .867-1.408 1.571-3.143 1.571S1 8.676 1 7.81V2.571z"/><path fill="#e3e3e3" d="M4.143 2.57H1v5.24c0 .866 1.408 1.57 3.143 1.57z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.286 2.57v5.24c0 .867-1.408 1.571-3.143 1.571S1 8.676 1 7.81V2.571"/><path fill="#b2b2b2" d="M23 2.57v5.24c0 .867-1.408 1.571-3.143 1.571s-3.143-.704-3.143-1.571V2.571z"/><path fill="#e3e3e3" d="M19.857 2.57h-3.143v5.24c0 .867 1.408 1.571 3.143 1.571z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 2.57v5.24c0 .867-1.408 1.571-3.143 1.571s-3.143-.704-3.143-1.571V2.571"/><path fill="#b2b2b2" d="M7.286 16.19v5.238c0 .867-1.408 1.571-3.143 1.571S1 22.297 1 21.43v-5.24z"/><path fill="#e3e3e3" d="M4.143 16.19H1v5.238C1 22.295 2.408 23 4.143 23z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.286 16.19v5.238c0 .867-1.408 1.571-3.143 1.571S1 22.297 1 21.43v-5.24"/><path fill="#b2b2b2" d="M23 16.19v5.238C23 22.295 21.592 23 19.857 23s-3.143-.703-3.143-1.57v-5.24z"/><path fill="#e3e3e3" d="M19.857 16.19h-3.143v5.238c0 .867 1.408 1.571 3.143 1.571z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 16.19v5.238C23 22.295 21.592 23 19.857 23s-3.143-.703-3.143-1.57v-5.24"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.143 4.143c1.736 0 3.143-.704 3.143-1.571S5.879 1 4.143 1S1 1.705 1 2.572s1.407 1.571 3.143 1.571"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.286 5.19c0 .867-1.408 1.571-3.143 1.571S1 6.057 1 5.19"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.857 4.143C21.593 4.143 23 3.44 23 2.572S21.593 1 19.857 1s-3.143.704-3.143 1.57c0 .868 1.407 1.572 3.143 1.572"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 5.19c0 .867-1.408 1.571-3.143 1.571s-3.143-.704-3.143-1.571"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.143 17.762c1.736 0 3.143-.704 3.143-1.571c0-.868-1.407-1.571-3.143-1.571S1 15.323 1 16.19s1.407 1.571 3.143 1.571"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.286 18.809c0 .867-1.408 1.571-3.143 1.571S1 19.676 1 18.81"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.857 17.762c1.736 0 3.143-.704 3.143-1.571c0-.868-1.407-1.571-3.143-1.571s-3.143.702-3.143 1.571c0 .867 1.407 1.571 3.143 1.571"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M23 18.809c0 .867-1.408 1.571-3.143 1.571s-3.143-.704-3.143-1.571M7.167 8.236l9.672 7.517m-9.672 0l9.672-7.517"/></g></svg>كيفية استخدام أيقونة Database Connect
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:database-connect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:database-connect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:database-connect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--database-connect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:database-connect"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:database-connect"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/database-connect.svg" alt="أيقونة Database Connect" width="24" height="24">أيقونات ذات صلة في Ultimate color icons
الأسئلة الشائعة حول أيقونة Database Connect
هل أيقونة Database Connect مجانية للاستخدام التجاري؟
نعم. تُنشر Ultimate color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.
كيف أستخدم أيقونة Database Connect في React؟
ثبّت @iconify/react واعرض <Icon icon="streamline-ultimate-color:database-connect" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Database Connect إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/database-connect.svg" alt="أيقونة Database Connect">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.