Ícone Meal Lunch Rounded
material-symbols-light:meal-lunch-rounded
O ícone Meal Lunch Rounded (material-symbols-light:meal-lunch-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Mapas
- Tags
- meallunch, lunchrounded, meallunchrounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.462 10.558q.213 0 .356.144t.144.356V12q0 .213-.144.356q-.144.144-.357.144t-.356-.144T2.962 12v-.942q0-.213.143-.356t.357-.144m5.007-2.07q.166-.165.357-.165t.357.166l.68.68q.147.141.147.335t-.146.36t-.348.155t-.366-.156l-.68-.667q-.166-.148-.166-.345t.165-.363m2.232-5.345Q10.846 3 11.058 3H12q.213 0 .356.144t.144.357t-.144.356T12 4h-.942q-.213 0-.356-.144t-.144-.357t.144-.356M3.462 7.79q-.213 0-.357-.144t-.144-.356V3.808q0-.343.233-.576T3.769 3H7.25q.213 0 .356.144t.144.356q0 1.78-1.254 3.034Q5.24 7.789 3.46 7.789M4.25 20q-.16-.171-.268-.378t-.153-.436l-.497-1.958q-.1-.376.143-.687q.242-.31.646-.31h8.162q.404 0 .646.31q.242.311.143.687l-.497 1.959q-.044.229-.153.435q-.108.207-.268.378h2.671l1.067-4.14q.212-.777-.283-1.395q-.494-.619-1.282-.619H13.5q-.327 0-.552-.214q-.225-.215-.256-.518l-.13-1.673q-.05-.368.192-.625q.242-.258.608-.258h6.757q.365 0 .598.258q.233.257.202.605L20.213 20H21.5q.213 0 .356.144t.144.357t-.144.356T21.5 21h-19q-.213 0-.356-.144T2 20.499t.144-.356T2.5 20z"/></svg>
Como usar o ícone Meal Lunch Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:meal-lunch-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:meal-lunch-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:meal-lunch-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--meal-lunch-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:meal-lunch-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:meal-lunch-rounded"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/meal-lunch-rounded.svg" alt="Ícone Meal Lunch Rounded" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Meal Lunch Rounded em outras coleções
Perguntas frequentes sobre Ícone Meal Lunch Rounded
O ícone Meal Lunch Rounded é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Meal Lunch Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:meal-lunch-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Meal Lunch Rounded a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/meal-lunch-rounded.svg" alt="Ícone Meal Lunch Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
