meal dinner icon
meal-dinner-rounded from Material Symbols Light by Google · Rounded · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- meal-dinner-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 dinner icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.242 13.423q-2.192 0-3.717-1.529T3 8.173q0-1.811 1.11-3.198q1.111-1.386 2.804-1.829q.248-.069.423.144q.175.214.052.475q-.16.385-.227.782q-.068.397-.068.8q0 1.97 1.38 3.34t3.351 1.37q.146 0 .283-.017t.277-.036q.292-.042.453.173q.16.215.04.439q-.668 1.274-1.908 2.04q-1.24.767-2.728.767m9.008-1.961h2.789V7.73H17.25zM2.5 21q-.213 0-.357-.143T2 20.5t.143-.357T2.5 20h1.75q-.16-.171-.268-.378t-.153-.436l-.49-1.955q-.106-.379.136-.69t.646-.31h8.162q.404 0 .646.31q.242.311.137.69l-.491 1.956q-.044.229-.153.435q-.108.207-.268.378h6v-3.81q-.823-.17-1.364-.83q-.54-.66-.54-1.494V7.539q0-.348.23-.578t.578-.23h3.173q.348 0 .578.23t.23.578v6.327q0 .834-.531 1.494t-1.354.83V20H21.5q.214 0 .357.143T22 20.5t-.143.357T21.5 21z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMealDinnerRounded(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="M8.242 13.423q-2.192 0-3.717-1.529T3 8.173q0-1.811 1.11-3.198q1.111-1.386 2.804-1.829q.248-.069.423.144q.175.214.052.475q-.16.385-.227.782q-.068.397-.068.8q0 1.97 1.38 3.34t3.351 1.37q.146 0 .283-.017t.277-.036q.292-.042.453.173q.16.215.04.439q-.668 1.274-1.908 2.04q-1.24.767-2.728.767m9.008-1.961h2.789V7.73H17.25zM2.5 21q-.213 0-.357-.143T2 20.5t.143-.357T2.5 20h1.75q-.16-.171-.268-.378t-.153-.436l-.49-1.955q-.106-.379.136-.69t.646-.31h8.162q.404 0 .646.31q.242.311.137.69l-.491 1.956q-.044.229-.153.435q-.108.207-.268.378h6v-3.81q-.823-.17-1.364-.83q-.54-.66-.54-1.494V7.539q0-.348.23-.578t.578-.23h3.173q.348 0 .578.23t.23.578v6.327q0 .834-.531 1.494t-1.354.83V20H21.5q.214 0 .357.143T22 20.5t-.143.357T21.5 21z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.242 13.423q-2.192 0-3.717-1.529T3 8.173q0-1.811 1.11-3.198q1.111-1.386 2.804-1.829q.248-.069.423.144q.175.214.052.475q-.16.385-.227.782q-.068.397-.068.8q0 1.97 1.38 3.34t3.351 1.37q.146 0 .283-.017t.277-.036q.292-.042.453.173q.16.215.04.439q-.668 1.274-1.908 2.04q-1.24.767-2.728.767m9.008-1.961h2.789V7.73H17.25zM2.5 21q-.213 0-.357-.143T2 20.5t.143-.357T2.5 20h1.75q-.16-.171-.268-.378t-.153-.436l-.49-1.955q-.106-.379.136-.69t.646-.31h8.162q.404 0 .646.31q.242.311.137.69l-.491 1.956q-.044.229-.153.435q-.108.207-.268.378h6v-3.81q-.823-.17-1.364-.83q-.54-.66-.54-1.494V7.539q0-.348.23-.578t.578-.23h3.173q.348 0 .578.23t.23.578v6.327q0 .834-.531 1.494t-1.354.83V20H21.5q.214 0 .357.143T22 20.5t-.143.357T21.5 21z"/></svg> </template>
CSS
.icon-meal-dinner-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%22M8.242%2013.423q-2.192%200-3.717-1.529T3%208.173q0-1.811%201.11-3.198q1.111-1.386%202.804-1.829q.248-.069.423.144q.175.214.052.475q-.16.385-.227.782q-.068.397-.068.8q0%201.97%201.38%203.34t3.351%201.37q.146%200%20.283-.017t.277-.036q.292-.042.453.173q.16.215.04.439q-.668%201.274-1.908%202.04q-1.24.767-2.728.767m9.008-1.961h2.789V7.73H17.25zM2.5%2021q-.213%200-.357-.143T2%2020.5t.143-.357T2.5%2020h1.75q-.16-.171-.268-.378t-.153-.436l-.49-1.955q-.106-.379.136-.69t.646-.31h8.162q.404%200%20.646.31q.242.311.137.69l-.491%201.956q-.044.229-.153.435q-.108.207-.268.378h6v-3.81q-.823-.17-1.364-.83q-.54-.66-.54-1.494V7.539q0-.348.23-.578t.578-.23h3.173q.348%200%20.578.23t.23.578v6.327q0%20.834-.531%201.494t-1.354.83V20H21.5q.214%200%20.357.143T22%2020.5t-.143.357T21.5%2021z%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%22M8.242%2013.423q-2.192%200-3.717-1.529T3%208.173q0-1.811%201.11-3.198q1.111-1.386%202.804-1.829q.248-.069.423.144q.175.214.052.475q-.16.385-.227.782q-.068.397-.068.8q0%201.97%201.38%203.34t3.351%201.37q.146%200%20.283-.017t.277-.036q.292-.042.453.173q.16.215.04.439q-.668%201.274-1.908%202.04q-1.24.767-2.728.767m9.008-1.961h2.789V7.73H17.25zM2.5%2021q-.213%200-.357-.143T2%2020.5t.143-.357T2.5%2020h1.75q-.16-.171-.268-.378t-.153-.436l-.49-1.955q-.106-.379.136-.69t.646-.31h8.162q.404%200%20.646.31q.242.311.137.69l-.491%201.956q-.044.229-.153.435q-.108.207-.268.378h6v-3.81q-.823-.17-1.364-.83q-.54-.66-.54-1.494V7.539q0-.348.23-.578t.578-.23h3.173q.348%200%20.578.23t.23.578v6.327q0%20.834-.531%201.494t-1.354.83V20H21.5q.214%200%20.357.143T22%2020.5t-.143.357T21.5%2021z%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-dinner-rounded.svg?color=%231a73e8&size=48
