أيقونة Meal Lunch Rounded
material-symbols:meal-lunch-rounded
أيقونة Meal Lunch Rounded (material-symbols:meal-lunch-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
- الفئة
- الخرائط
- الوسوم
- meallunch، lunchrounded، meallunchrounded
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 10q.425 0 .713.288T4 11v1q0 .425-.288.713T3 13t-.712-.288T2 12v-1q0-.425.288-.712T3 10m4.95-2.05q.3-.3.713-.3t.712.3l.7.7q.3.3.3.712t-.3.713t-.712.3t-.713-.3l-.7-.725q-.3-.3-.3-.7t.3-.7m2.338-5.662Q10.575 2 11 2h1q.425 0 .713.288T13 3t-.288.713T12 4h-1q-.425 0-.712-.288T10 3t.288-.712M3 8q-.425 0-.712-.288T2 7V3q0-.425.288-.712T3 2h4q.425 0 .713.288T8 3q0 2.075-1.463 3.538T3 8m0 12q-.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 20h2.075l.875-3.525q.25-.95-.363-1.713T14 14h-.75q-.4 0-.675-.262t-.325-.663l-.15-2q-.05-.425.25-.75t.725-.325h7.85q.425 0 .725.325t.25.75L21.175 20H22q.425 0 .713.288T23 21t-.288.713T22 22H2q-.425 0-.712-.288T1 21t.288-.712T2 20z"/></svg>
كيفية استخدام أيقونة Meal Lunch Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:meal-lunch-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:meal-lunch-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:meal-lunch-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--meal-lunch-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:meal-lunch-rounded"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:meal-lunch-rounded"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/meal-lunch-rounded.svg" alt="أيقونة Meal Lunch Rounded" width="24" height="24">
أيقونات ذات صلة في Material Symbols
أيقونة Meal Lunch Rounded في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Meal Lunch Rounded
هل أيقونة Meal Lunch Rounded مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Meal Lunch Rounded في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols:meal-lunch-rounded" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Meal Lunch Rounded إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/meal-lunch-rounded.svg" alt="أيقونة Meal Lunch Rounded">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols →
ICONYZ
