أيقونة Ibm Cloud Direct Link 1 Connect
carbon:ibm-cloud-direct-link-1-connect
أيقونة Ibm Cloud Direct Link 1 Connect (carbon:ibm-cloud-direct-link-1-connect) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 29H13c-1.1 0-2-.9-2-2v-4h2v4h14V13h-4v-2h4c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2"/><path fill="currentColor" d="M20 17c-.5 0-.9.1-1.3.3l-4-4c.2-.4.3-.8.3-1.3c0-1.7-1.3-3-3-3s-3 1.3-3 3s1.3 3 3 3c.5 0 .9-.1 1.3-.3l4 4c-.2.4-.3.8-.3 1.3c0 1.7 1.3 3 3 3s3-1.3 3-3s-1.3-3-3-3m-9-5c0-.6.4-1 1-1s1 .4 1 1s-.4 1-1 1s-1-.4-1-1m9 9c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1s-.4 1-1 1"/><path fill="currentColor" d="M5 3h14c1.1 0 2 .9 2 2v4h-2V5H5v14h4v2H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2"/></svg>كيفية استخدام أيقونة Ibm Cloud Direct Link 1 Connect
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:ibm-cloud-direct-link-1-connect" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:ibm-cloud-direct-link-1-connect" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:ibm-cloud-direct-link-1-connect" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--ibm-cloud-direct-link-1-connect]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:ibm-cloud-direct-link-1-connect"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:ibm-cloud-direct-link-1-connect"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/carbon/ibm-cloud-direct-link-1-connect.svg" alt="أيقونة Ibm Cloud Direct Link 1 Connect" width="24" height="24">أيقونات ذات صلة في Carbon
الأسئلة الشائعة حول أيقونة Ibm Cloud Direct Link 1 Connect
هل أيقونة Ibm Cloud Direct Link 1 Connect مجانية للاستخدام التجاري؟
نعم. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Ibm Cloud Direct Link 1 Connect في React؟
ثبّت @iconify/react واعرض <Icon icon="carbon:ibm-cloud-direct-link-1-connect" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Ibm Cloud Direct Link 1 Connect إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/carbon/ibm-cloud-direct-link-1-connect.svg" alt="أيقونة Ibm Cloud Direct Link 1 Connect">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.