أيقونة Onion
whh:onion
أيقونة Onion (whh:onion) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-108 0-199.5-24.5t-162-72T40 803.5T0 630q0-57 30-113t80.5-101T220 334.5T343 274q29-28 48-56t25.5-56t8.5-44t2-39q0-33 25-56t60-23v79q35 0 60 23t25 56q0 31 9.5 43.5T681 274q63 24 122.5 60t110 81.5T994 517t30 113q0 97-40 173.5t-110.5 124t-162 72T512 1024M192 640q0 115 50 199t134 123q-55-54-87.5-143.5T256 624q0-140 84-264q-66 50-107 122t-41 158m192 0q0-75 4-123t14.5-74t19-36t26.5-23q-22 8-43 25t-40.5 45t-32 71.5T320 622q0 148 55 236.5T512 960q-55-18-91.5-96.5T384 640m300-280q84 124 84 264q0 105-32.5 194.5T648 962q84-39 134-123t50-199q0-86-41-158T684 360"/></svg>
كيفية استخدام أيقونة Onion
React
import { Icon } from "@iconify/react";
<Icon icon="whh:onion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:onion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:onion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--onion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:onion"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:onion"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/onion.svg" alt="أيقونة Onion" width="24" height="24">
أيقونة Onion في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Onion
هل أيقونة Onion مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Onion في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:onion" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Onion إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/onion.svg" alt="أيقونة Onion">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
