أيقونة Avocado
whh:avocado
أيقونة Avocado (whh:avocado) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 771 × 1028. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 771 × 1028
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="771" height="1028" viewBox="0 0 771 1028"><path fill="currentColor" d="M386 1028q-81 0-150.5-21T113 946.5T30 844T0 702q0-60 17-127t38.5-118T109 329t51-134q28-82 88.5-138.5T385 0t136.5 56.5T610 195q19 56 51.5 134t54 129.5T754 577t17 126q0 104-52.5 179T580 992.5T386 1028m192-739q-11-36-30-73t-43.5-72t-56-57.5t-63-22.5t-63 22t-56.5 57t-43.5 72.5T193 289q-20 61-55 145.5t-54.5 142T64 679q0 91 44 156.5t115.5 97t162 31.5t162-31t115-96.5T707 679q0-45-19-102t-54.5-142.5T578 289M385.5 899q-79.5 0-136-56.5T193 706q0-54 25.5-113t71-101.5t96-42.5t96.5 42.5T553 593t25 113q0 80-56.5 136.5t-136 56.5"/></svg>
كيفية استخدام أيقونة Avocado
React
import { Icon } from "@iconify/react";
<Icon icon="whh:avocado" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:avocado" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:avocado" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--avocado]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:avocado"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:avocado"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/avocado.svg" alt="أيقونة Avocado" width="24" height="24">
أيقونة Avocado في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Avocado
هل أيقونة Avocado مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Avocado في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:avocado" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Avocado إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/avocado.svg" alt="أيقونة Avocado">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
