calendar meal icon

calendar-meal-outline-rounded from Material Symbols Light by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: calendar-meal-outline-rounded
Set: Material Symbols Light
Style: Outline Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

calendar-meal calendar-meal-outline calendar-meal-outline-sharp calendar-meal-rounded calendar-meal-sharp

The same icon in other sets

calendar-mealMaterial Symbols

More social icons from Material Symbols Light

Use the calendar meal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h1.769V2.308q0-.233.153-.386q.152-.153.385-.153t.386.153t.153.386V4h7.154V2.27q0-.214.143-.358t.357-.143t.356.144t.144.356V4h1.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zM19 18.384V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192h12.77q.23 0 .423-.192t.192-.423m-9.961-7.38V7.693q0-.161-.112-.273t-.273-.111t-.273.111t-.112.273v3.383q0 .598.416 1.049q.415.451 1.007.588v3.538q0 .19.126.316t.317.126t.316-.126t.126-.316v-3.538q.592-.137 1.008-.588q.415-.451.415-1.049V7.692q0-.161-.111-.273t-.273-.111t-.274.111t-.111.273v3.314h-.712V7.692q0-.161-.111-.273t-.273-.111t-.273.111t-.112.273v3.314zm5.807 1.687v3.558q0 .19.126.316t.317.126t.316-.126t.126-.316V7.748q0-.217-.14-.329q-.139-.111-.362-.111q-.268 0-.588.156q-.32.155-.612.486q-.329.367-.506.818t-.177.98v2.137q0 .348.23.578t.578.23zM5 18.384V19V5z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCalendarMealOutlineRounded(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="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h1.769V2.308q0-.233.153-.386q.152-.153.385-.153t.386.153t.153.386V4h7.154V2.27q0-.214.143-.358t.357-.143t.356.144t.144.356V4h1.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zM19 18.384V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192h12.77q.23 0 .423-.192t.192-.423m-9.961-7.38V7.693q0-.161-.112-.273t-.273-.111t-.273.111t-.112.273v3.383q0 .598.416 1.049q.415.451 1.007.588v3.538q0 .19.126.316t.317.126t.316-.126t.126-.316v-3.538q.592-.137 1.008-.588q.415-.451.415-1.049V7.692q0-.161-.111-.273t-.273-.111t-.274.111t-.111.273v3.314h-.712V7.692q0-.161-.111-.273t-.273-.111t-.273.111t-.112.273v3.314zm5.807 1.687v3.558q0 .19.126.316t.317.126t.316-.126t.126-.316V7.748q0-.217-.14-.329q-.139-.111-.362-.111q-.268 0-.588.156q-.32.155-.612.486q-.329.367-.506.818t-.177.98v2.137q0 .348.23.578t.578.23zM5 18.384V19V5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h1.769V2.308q0-.233.153-.386q.152-.153.385-.153t.386.153t.153.386V4h7.154V2.27q0-.214.143-.358t.357-.143t.356.144t.144.356V4h1.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zM19 18.384V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192h12.77q.23 0 .423-.192t.192-.423m-9.961-7.38V7.693q0-.161-.112-.273t-.273-.111t-.273.111t-.112.273v3.383q0 .598.416 1.049q.415.451 1.007.588v3.538q0 .19.126.316t.317.126t.316-.126t.126-.316v-3.538q.592-.137 1.008-.588q.415-.451.415-1.049V7.692q0-.161-.111-.273t-.273-.111t-.274.111t-.111.273v3.314h-.712V7.692q0-.161-.111-.273t-.273-.111t-.273.111t-.112.273v3.314zm5.807 1.687v3.558q0 .19.126.316t.317.126t.316-.126t.126-.316V7.748q0-.217-.14-.329q-.139-.111-.362-.111q-.268 0-.588.156q-.32.155-.612.486q-.329.367-.506.818t-.177.98v2.137q0 .348.23.578t.578.23zM5 18.384V19V5z"/></svg>
</template>

CSS

.icon-calendar-meal-outline-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%22M5.616%2020q-.691%200-1.153-.462T4%2018.384V5.616q0-.691.463-1.153T5.616%204h1.769V2.308q0-.233.153-.386q.152-.153.385-.153t.386.153t.153.386V4h7.154V2.27q0-.214.143-.358t.357-.143t.356.144t.144.356V4h1.769q.69%200%201.153.463T20%205.616v12.769q0%20.69-.462%201.153T18.384%2020zM19%2018.384V5.616q0-.231-.192-.424T18.384%205H5.616q-.231%200-.424.192T5%205.616v12.769q0%20.23.192.423t.423.192h12.77q.23%200%20.423-.192t.192-.423m-9.961-7.38V7.693q0-.161-.112-.273t-.273-.111t-.273.111t-.112.273v3.383q0%20.598.416%201.049q.415.451%201.007.588v3.538q0%20.19.126.316t.317.126t.316-.126t.126-.316v-3.538q.592-.137%201.008-.588q.415-.451.415-1.049V7.692q0-.161-.111-.273t-.273-.111t-.274.111t-.111.273v3.314h-.712V7.692q0-.161-.111-.273t-.273-.111t-.273.111t-.112.273v3.314zm5.807%201.687v3.558q0%20.19.126.316t.317.126t.316-.126t.126-.316V7.748q0-.217-.14-.329q-.139-.111-.362-.111q-.268%200-.588.156q-.32.155-.612.486q-.329.367-.506.818t-.177.98v2.137q0%20.348.23.578t.578.23zM5%2018.384V19V5z%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%22M5.616%2020q-.691%200-1.153-.462T4%2018.384V5.616q0-.691.463-1.153T5.616%204h1.769V2.308q0-.233.153-.386q.152-.153.385-.153t.386.153t.153.386V4h7.154V2.27q0-.214.143-.358t.357-.143t.356.144t.144.356V4h1.769q.69%200%201.153.463T20%205.616v12.769q0%20.69-.462%201.153T18.384%2020zM19%2018.384V5.616q0-.231-.192-.424T18.384%205H5.616q-.231%200-.424.192T5%205.616v12.769q0%20.23.192.423t.423.192h12.77q.23%200%20.423-.192t.192-.423m-9.961-7.38V7.693q0-.161-.112-.273t-.273-.111t-.273.111t-.112.273v3.383q0%20.598.416%201.049q.415.451%201.007.588v3.538q0%20.19.126.316t.317.126t.316-.126t.126-.316v-3.538q.592-.137%201.008-.588q.415-.451.415-1.049V7.692q0-.161-.111-.273t-.273-.111t-.274.111t-.111.273v3.314h-.712V7.692q0-.161-.111-.273t-.273-.111t-.273.111t-.112.273v3.314zm5.807%201.687v3.558q0%20.19.126.316t.317.126t.316-.126t.126-.316V7.748q0-.217-.14-.329q-.139-.111-.362-.111q-.268%200-.588.156q-.32.155-.612.486q-.329.367-.506.818t-.177.98v2.137q0%20.348.23.578t.578.23zM5%2018.384V19V5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/calendar-meal-outline-rounded.svg?color=%231a73e8&size=48