أيقونة Openstack
logos:openstack
أيقونة Openstack (logos:openstack) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 94. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 94
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="94" viewBox="0 0 512 94"><path fill="#da1a32" d="M21.63 63.868v3.425a4.81 4.81 0 0 0 4.812 4.811h42.89a4.81 4.81 0 0 0 4.812-4.81v-3.426H95.77v20.969c0 4.894-4.004 8.898-8.898 8.898H8.898C4.004 93.735 0 89.73 0 84.837v-20.97zm-.003-27.816V57.68H0V36.052zm74.143 0V57.68H74.144V36.052zM86.872 0c4.894 0 8.898 4.004 8.898 8.902v20.965H74.144v-3.425a4.81 4.81 0 0 0-4.811-4.811H26.438a4.81 4.81 0 0 0-4.811 4.81v3.426H0V8.897C0 4.005 4.004 0 8.898 0Z"/><path fill="#4e4540" d="M192.572 21.61c9.717 0 18.887 8.159 18.887 24.572v1.284c0 16.32-9.076 24.567-18.887 24.567c-7.06 0-11.276-3.945-14.209-8.252V84.96h-10.358V22.524h10.358v7.796c3.024-4.674 7.24-8.71 14.21-8.71m257.46 0c6.969 0 11.551 2.568 15.587 6.603l-5.776 7.61c-2.567-2.657-5.41-4.858-9.811-4.858c-6.788 0-11.737 6.508-11.737 15.678v.457c0 9.44 4.95 15.768 12.009 15.768c4.216 0 7.059-2.107 9.901-4.95l5.591 6.875c-3.85 4.307-8.709 7.331-16.13 7.335c-12.65 0-21.82-10.177-21.82-24.662v-.917c0-14.485 9.441-24.938 22.186-24.938m-212.203 0c13.201 0 20.17 11.005 20.17 25.58v.3a57 57 0 0 1-.09 3.275h-30.44c.913 8.158 5.957 12.56 12.284 12.56c4.582 0 7.976-2.016 11.185-5.134l5.41 6.417c-4.402 4.677-9.812 7.516-17.056 7.516c-12.469 0-22.186-9.532-22.186-24.753v-.732c0-14.575 8.804-25.028 20.721-25.028m-97.963-.003c12.835 0 22.276 10.453 22.276 24.847v.827c0 14.303-9.535 24.843-22.457 24.84c-12.835 0-22.28-10.36-22.28-24.754v-.822c0-14.304 9.532-24.938 22.461-24.938m188.848.185c5.41 0 11.185 1.925 15.768 5.224l-4.402 7.61c-3.665-2.472-7.7-4.306-11.551-4.306s-6.142 2.11-6.142 4.768v.185c0 3.208 3.85 4.858 9.535 7.425c7.516 3.394 13.202 6.874 13.202 14.485v.09c0 9.536-7.24 14.76-16.591 14.764c-5.776 0-12.465-2.11-18.06-6.783l4.858-7.426c4.402 3.571 9.08 5.682 13.387 5.682s6.783-2.292 6.783-5.32v-.09c0-3.484-3.76-5.043-9.535-7.52c-7.245-3.118-13.296-6.417-13.296-14.394v-.185c0-8.709 6.969-14.21 16.044-14.21m73.884.185c6.326 0 11.185 1.74 14.303 4.949c3.209 3.209 4.858 7.977 4.858 14.032V71.12h-10.177v-5.96c-2.843 4.121-7.15 6.873-13.477 6.873c-8.067 0-14.85-5.405-14.85-14.85v-.457c0-10.45 6.968-15.583 17.236-15.583c4.583 0 7.886.823 11.186 1.925v-2.02c0-6.508-3.851-9.901-10.454-9.901c-4.677 0-8.527 1.468-11.736 2.933l-2.933-8.253c4.673-2.29 9.536-3.85 16.044-3.85M366.384 9.41v13.11h10.91v8.894h-10.91V57.27c0 3.76 1.925 5.32 5.225 5.32c2.02 0 3.854-.457 5.594-1.375v8.528c-2.382 1.284-5.134 2.11-8.622 2.103c-7.15 0-12.56-3.024-12.56-12.47v-27.96h-3.614l-1.7-8.895h5.318V9.41zm-77.963 12.2c9.35 0 14.942 6.6 14.942 16.962V71.12h-10.359V41.505c0-6.784-3.209-10.544-8.709-10.544c-5.41 0-9.17 4.036-9.17 10.73V71.12h-10.358V22.528h10.359v7.15c2.752-4.307 6.693-8.067 13.295-8.067M497.506 45.9l14.492 25.217h-12.012l-9.752-17.402zM482.659 4.925v38.962l16.595-21.363h12.287L482.66 57.092v14.024H472.3V4.926zm-79.876 43.273c-5.957 0-9.442 3.024-9.442 8.158v.185c0 4.858 3.39 7.61 7.882 7.7c5.961.091 10.544-3.944 10.544-9.444v-4.859c-2.382-1.008-5.5-1.74-8.984-1.74M139.677 30.776c-7.24 0-11.918 6.69-11.918 15.769v.55c0 9.08 5.044 15.954 12.103 15.95c7.24 0 11.918-6.784 11.918-15.859v-.55c0-9.076-5.044-15.86-12.103-15.86m50.053.004c-6.233 0-11.552 6.048-11.552 15.583v.918c0 9.536 5.32 15.587 11.552 15.59c6.327 0 11.275-5.866 11.275-15.586v-.827c0-9.717-5.039-15.678-11.275-15.678m48.1-.46c-5.686 0-9.718 5.043-10.45 13.291h20.536c-.551-7.7-4.035-13.291-10.087-13.291"/></svg>كيفية استخدام أيقونة Openstack
React
import { Icon } from "@iconify/react";
<Icon icon="logos:openstack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:openstack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:openstack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--openstack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:openstack"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:openstack"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/openstack.svg" alt="أيقونة Openstack" width="24" height="24">أيقونات ذات صلة في SVG Logos
أيقونة Openstack في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Openstack
هل أيقونة Openstack مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Openstack في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:openstack" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Openstack إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/openstack.svg" alt="أيقونة Openstack">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.