ICONYZ
العربية
أيقونة Yugabyte Icon من SVG Logos

أيقونة Yugabyte Icon

logos:yugabyte-icon

أيقونة Yugabyte Icon (logos:yugabyte-icon) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 233. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 233
الوسوم
yugabyteicon
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="233" viewBox="0 0 256 233"><path fill="#ff5f3b" d="M14.02 0h57.286c4.12.026 6.43.184 8.323 1.13a10.65 10.65 0 0 1 4.543 4.543c1.136 2.205 1.136 5.145 1.136 11.024l-.005 76.673c-.028 6.578-.236 10.198-1.8 12.514a10.43 10.43 0 0 1-6.88 4.41c-2.78.463-6.11-.88-12.081-3.639L33.309 92.034c-9.88-4.71-15.585-7.811-20.02-12.138A44.9 44.9 0 0 1 2.533 63.061C.478 57.274.087 50.83.013 39.867L0 13.997c.026-4.12.184-6.43 1.13-8.324A10.65 10.65 0 0 1 5.673 1.13C7.566.184 9.923.026 14.02 0m170.664 0h57.314c4.12.026 6.43.184 8.323 1.13a10.65 10.65 0 0 1 4.543 4.543C256 7.878 256 10.818 256 16.697l-.018 23.146c-.074 10.946-.466 17.444-2.52 23.285a44.9 44.9 0 0 1-10.757 16.835c-5.411 5.345-12.893 8.819-27.725 15.766l-44.36 20.644l.006-102.377c.026-4.12.184-6.43 1.13-8.323A10.65 10.65 0 0 1 176.3 1.13c1.893-.946 4.25-1.104 8.385-1.13m-58.357 137.016l44.293-20.643l-.005 102.376c-.026 4.12-.184 6.43-1.13 8.323a10.65 10.65 0 0 1-4.543 4.543c-2.205 1.136-5.144 1.136-11.023 1.136l-54.61-.005c-4.12-.026-6.43-.184-8.323-1.13a10.65 10.65 0 0 1-4.543-4.544c-1.135-2.204-1.135-5.144-1.135-11.023l.017-23.213c.075-10.946.466-17.444 2.521-23.285a44.9 44.9 0 0 1 10.756-16.835c5.412-5.345 12.894-8.819 27.725-15.7"/></svg>

كيفية استخدام أيقونة Yugabyte Icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:yugabyte-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:yugabyte-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:yugabyte-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--yugabyte-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:yugabyte-icon"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:yugabyte-icon"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/yugabyte-icon.svg" alt="أيقونة Yugabyte Icon" width="24" height="24">

أيقونات ذات صلة في SVG Logos

أيقونة yugabyte
yugabyte

الأسئلة الشائعة حول أيقونة Yugabyte Icon

هل أيقونة Yugabyte Icon مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Yugabyte Icon في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:yugabyte-icon" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Yugabyte Icon إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/yugabyte-icon.svg" alt="أيقونة Yugabyte Icon">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →