أيقونة Ubuntu
whh:ubuntu
أيقونة Ubuntu (whh:ubuntu) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1029. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1029
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1029" viewBox="0 0 1024 1029"><path fill="currentColor" d="M828 450q-22-84-91-138.5T579 257q-34 0-69 10L412 97q83-33 167-33q31 0 67 6q-3 16-3 26q0 67 47 114t114 47q62 0 109-43q92 102 111 236zm-24-257q-40 0-68-28.5T708 96t28-68t68-28t68 28t28 68t-28 68.5t-68 28.5M399 698l-98 170q-117-92-156-233q50-16 81-58t31-95q0-47-25-86t-67-59q44-103 136-175l98 169q-77 76-77 183.5T399 698M96.5 579q-39.5 0-68-28.5T0 482t28.5-68t68-28t68 28t28.5 68t-28.5 68.5t-68 28.5M510 762q35 10 69 10q89 0 158-54.5T828 579h196q-19 134-111 236q-47-43-109-43q-67 0-114 47t-47 114q0 10 3 26q-36 6-67 6q-86 0-167-33zm294 74q40 0 68 28.5t28 68.5t-28 68t-68 28t-68-28t-28-68t28-68.5t68-28.5"/></svg>
كيفية استخدام أيقونة Ubuntu
React
import { Icon } from "@iconify/react";
<Icon icon="whh:ubuntu" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:ubuntu" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:ubuntu" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--ubuntu]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:ubuntu"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:ubuntu"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/ubuntu.svg" alt="أيقونة Ubuntu" width="24" height="24">
أيقونة Ubuntu في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Ubuntu
هل أيقونة Ubuntu مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Ubuntu في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:ubuntu" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Ubuntu إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/ubuntu.svg" alt="أيقونة Ubuntu">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
