أيقونة Muffin

whh:muffin

أيقونة Muffin (whh:muffin) أيقونة 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

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M1024 384q0 42-9 76t-22 59.5t-40 44.5t-48.5 32t-63.5 21.5t-69.5 13T690 637t-85 2.5t-93 .5t-93-.5t-85-2.5t-81.5-6.5t-69.5-13t-63.5-21.5T71 564t-40-44.5T9 460t-9-76q0-70 39-138.5T147 122l-19-58l184-31Q408 0 512 0q180 0 325 94l59-30l96 192l-1 1q33 64 33 127m-83-94l-45 30l-192-160l68-34Q653 64 512 64q-79 0-156 21l28 43l-192 128l-25-74q-49 41-76 90t-27 99q0 83 46 130l18-53l192 64l-37 56q69 8 229 8q92 0 136-1l24-95l160-32l46 81q82-47 82-158q0-40-19-81m-557 62l64-160l192 64l-32 128zM220 979q-92-36-92-83L64 640q53 27 132 42zm164 38q-52-7-98-18l-26-306q56 7 124 9zm192-313v318q-34 2-64 2t-64-2V704zm162 295q-46 11-98 18V702q68-2 124-9zm222-359l-64 256q0 47-92 83l24-297q79-15 132-42"/></svg>

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

React

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

<Icon icon="whh:muffin" width="24" />

Vue

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

<template>
  <Icon icon="whh:muffin" width="24" />
</template>

Svelte

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

<Icon icon="whh:muffin" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:muffin"></div>

مكوّن ويب

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

<iconify-icon icon="whh:muffin"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/whh/muffin.svg" alt="أيقونة Muffin" width="24" height="24">

أيقونة Muffin في مجموعات أخرى

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →