أيقونة Honeycomb
whh:honeycomb
أيقونة Honeycomb (whh:honeycomb) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 1025. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 1025
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M1024 689v224l-192 112l-160-93l-160 93l-160-93l-160 93L0 913V689l192-112V449L0 337V113L192 0l160 94L512 0l160 94L832 0l192 113v224l-128 74v203zM384 881l128 80l128-80V721l-110-69l-146 85zM192 641L64 721v160l128 80l128-80V721zm128-496L192 65L64 145v160l128 80l128-80zm-64 288v160l128 80l128-80V433l-128-80zm384-288L512 65l-128 80v144l146 85l110-69zm-64 288v160l128 80l128-80V433l-128-80zm384-128V145L832 65l-128 80v144l146 85zM850 652l-146 85v144l128 80l128-80V721z"/></svg>كيفية استخدام أيقونة Honeycomb
React
import { Icon } from "@iconify/react";
<Icon icon="whh:honeycomb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:honeycomb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:honeycomb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--honeycomb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:honeycomb"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:honeycomb"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="أيقونة Honeycomb" width="24" height="24">أيقونة Honeycomb في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Honeycomb
هل أيقونة Honeycomb مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Honeycomb في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:honeycomb" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Honeycomb إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="أيقونة Honeycomb">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.