ICONYZ
العربية
أيقونة Glass Mug من Material Design Icons

أيقونة Glass Mug

mdi:glass-mug

أيقونة Glass Mug (mdi:glass-mug) أيقونة SVG مجانية من مجموعة Material Design Icons من تصميم Pictogrammers. مرسومة على شبكة 24 × 24. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Design Icons
المؤلف
Pictogrammers
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
الطعام والشراب
الوسوم
pub، bar، beer، alcohol، cup، drink، local bar، food، glassmug
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 4v3h8V4zM8 2h13v1l-1 1v16l1 1v1H7v-1l1-1v-1.4l-3.8-1.77C3.5 16.5 3 15.82 3 15V8a2 2 0 0 1 2-2h3V4L7 3V2zM5 15l3 1.39V8H5z"/></svg>

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

React

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

<Icon icon="mdi:glass-mug" width="24" />

Vue

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

<template>
  <Icon icon="mdi:glass-mug" width="24" />
</template>

Svelte

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

<Icon icon="mdi:glass-mug" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--glass-mug]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:glass-mug"></div>

مكوّن ويب

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

<iconify-icon icon="mdi:glass-mug"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mdi/glass-mug.svg" alt="أيقونة Glass Mug" width="24" height="24">

أيقونات ذات صلة في Material Design Icons

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

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

نعم. تُنشر Material Design Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Material Design Icons →