ICONYZ
العربية
أيقونة Meal Dinner Rounded من Material Symbols

أيقونة Meal Dinner Rounded

material-symbols:meal-dinner-rounded

أيقونة Meal Dinner Rounded (material-symbols:meal-dinner-rounded) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Symbols
المؤلف
Google
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
الخرائط
الوسوم
mealdinner، dinnerrounded، mealdinnerrounded
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.05 14q-2.5 0-4.275-1.75T2 8q0-2.35 1.563-4.025T7.374 2.05q.325-.05.5.25t-.025.6q-.275.5-.4 1.013T7.325 5q0 1.875 1.312 3.188T11.826 9.5q.3 0 .6-.038T13 9.35q.35-.1.588.125t.137.525q-.65 1.775-2.187 2.888T8.05 14M18 11h2V8h-2zM2 22q-.425 0-.712-.288T1 21t.288-.712T2 20h1q-.025-.075-.038-.137t-.037-.138L2.3 17.25q-.125-.475.175-.862t.8-.388h9.45q.5 0 .8.388t.175.862l-.625 2.475q-.025.075-.037.138T13 20h5v-3.175q-.9-.325-1.45-1.1T16 14V7q0-.425.288-.712T17 6h4q.425 0 .713.288T22 7v7q0 .95-.55 1.725t-1.45 1.1V20h2q.425 0 .713.288T23 21t-.288.713T22 22z"/></svg>

كيفية استخدام أيقونة Meal Dinner Rounded

React

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

<Icon icon="material-symbols:meal-dinner-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:meal-dinner-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:meal-dinner-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--meal-dinner-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:meal-dinner-rounded"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols:meal-dinner-rounded"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/meal-dinner-rounded.svg" alt="أيقونة Meal Dinner Rounded" width="24" height="24">

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

أيقونة Meal Dinner Rounded في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Meal Dinner Rounded

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

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

كيف أستخدم أيقونة Meal Dinner Rounded في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/meal-dinner-rounded.svg" alt="أيقونة Meal Dinner Rounded">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Symbols →