meal lunch icon
meal-lunch-rounded from Material Symbols Light by Google · Rounded · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- meal-lunch-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the meal lunch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMealLunchRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-meal-lunch-rounded {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.462%2010.558q.213%200%20.356.144t.144.356V12q0%20.213-.144.356q-.144.144-.357.144t-.356-.144T2.962%2012v-.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%203%2011.058%203H12q.213%200%20.356.144t.144.357t-.144.356T12%204h-.942q-.213%200-.356-.144t-.144-.357t.144-.356M3.462%207.79q-.213%200-.357-.144t-.144-.356V3.808q0-.343.233-.576T3.769%203H7.25q.213%200%20.356.144t.144.356q0%201.78-1.254%203.034Q5.24%207.789%203.46%207.789M4.25%2020q-.16-.171-.268-.378t-.153-.436l-.497-1.958q-.1-.376.143-.687q.242-.31.646-.31h8.162q.404%200%20.646.31q.242.311.143.687l-.497%201.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%200-.552-.214q-.225-.215-.256-.518l-.13-1.673q-.05-.368.192-.625q.242-.258.608-.258h6.757q.365%200%20.598.258q.233.257.202.605L20.213%2020H21.5q.213%200%20.356.144t.144.357t-.144.356T21.5%2021h-19q-.213%200-.356-.144T2%2020.499t.144-.356T2.5%2020z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.462%2010.558q.213%200%20.356.144t.144.356V12q0%20.213-.144.356q-.144.144-.357.144t-.356-.144T2.962%2012v-.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%203%2011.058%203H12q.213%200%20.356.144t.144.357t-.144.356T12%204h-.942q-.213%200-.356-.144t-.144-.357t.144-.356M3.462%207.79q-.213%200-.357-.144t-.144-.356V3.808q0-.343.233-.576T3.769%203H7.25q.213%200%20.356.144t.144.356q0%201.78-1.254%203.034Q5.24%207.789%203.46%207.789M4.25%2020q-.16-.171-.268-.378t-.153-.436l-.497-1.958q-.1-.376.143-.687q.242-.31.646-.31h8.162q.404%200%20.646.31q.242.311.143.687l-.497%201.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%200-.552-.214q-.225-.215-.256-.518l-.13-1.673q-.05-.368.192-.625q.242-.258.608-.258h6.757q.365%200%20.598.258q.233.257.202.605L20.213%2020H21.5q.213%200%20.356.144t.144.357t-.144.356T21.5%2021h-19q-.213%200-.356-.144T2%2020.499t.144-.356T2.5%2020z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/meal-lunch-rounded.svg?color=%231a73e8&size=48
