أيقونة Beer Mug
icon-park:beer-mug
أيقونة Beer Mug (icon-park:beer-mug) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
- الوسوم
- beermug
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M16 37.2414C16 39.1724 16.8571 44 28 44C39.1429 44 40 39.1724 40 37.2414C40 35.3103 40 16 40 16H28H16C16 16 16 35.3103 16 37.2414Z"/><path stroke="#fff" stroke-linecap="round" d="M25 23V37"/><path stroke="#fff" stroke-linecap="round" d="M31 23V37"/><path stroke="#000" d="M15.9983 16C15.9983 16 13.9992 11.5 16.9988 9C19.9983 6.5 22.9991 8 22.9991 8C22.9991 8 23.9983 4 27.9991 4C32 4 32.9985 8 32.9985 8C32.9985 8 36.5 6.5 39 9C41.5 11.5 39.9985 16 39.9985 16"/><path stroke="#000" d="M16 19H6C6 19 7 29 7.9991 32C8.99821 35 16 34 16 34"/></g></svg>
كيفية استخدام أيقونة Beer Mug
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:beer-mug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:beer-mug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:beer-mug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--beer-mug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:beer-mug"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:beer-mug"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/beer-mug.svg" alt="أيقونة Beer Mug" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Beer Mug في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Beer Mug
هل أيقونة Beer Mug مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Beer Mug في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:beer-mug" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Beer Mug إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/beer-mug.svg" alt="أيقونة Beer Mug">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
