beer meal icon
beer-meal from Material Symbols Light by Google · Regular · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- beer-meal
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Travel
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More travel icons from Material Symbols Light
airline-seat-flatairline-seat-flat-angledairline-seat-individual-suiteairline-seat-legroom-extraairline-seat-legroom-normalairline-seat-legroom-reducedairline-seat-recline-extraairline-seat-recline-normalairplane-ticketapartmentattractionsbakery-diningbath-bedrockbeach-accessbentobreakfast-diningbrunch-diningbungalowcabincar-rentalcar-repaircarpentercarry-on-bagcarry-on-bag-checked
Use the beer meal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 21q-.691 0-1.153-.462T3 19.385V16.23h8.596v3.153q0 .691-.462 1.154T9.98 21zm9.365-1.006v-6.148H8.692V11.89q-1.21-.177-2.028-1.073q-.818-.897-.818-2.149q0-1.179.683-2.005q.682-.826 1.773-1.193q.537-1.135 1.485-1.802T12.039 3q.805 0 1.462.288t1.288.799q.269-.05.516-.107t.522-.057q1.38 0 2.364.97q.982.97.982 2.376q0 .448-.15.797t-.463.645l1.838-.005q.677-.006 1.149.466t.472 1.15v6.288q0 .67-.472 1.143q-.472.472-1.143.472h-1.962v1.77zM9.192 11.02q.633 0 1.163-.347t.993-.81l1.323-1.348q.448-.448 1.023-.625t1.19-.177h3.264V7.27q0-.978-.674-1.662t-1.653-.684q-.338 0-.648.047t-.47.115l-.203.08l-.525-.438q-.408-.338-.906-.533T12.04 4q-.897 0-1.636.473q-.74.473-1.109 1.256l-.26.563l-.588.193q-.715.244-1.158.843t-.442 1.345q0 .979.681 1.663q.68.683 1.665.683m9.25 6.206h1.962q.269 0 .442-.173t.173-.442v-6.29q0-.269-.173-.442t-.442-.173h-1.962z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightBeerMeal(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="M4.616 21q-.691 0-1.153-.462T3 19.385V16.23h8.596v3.153q0 .691-.462 1.154T9.98 21zm9.365-1.006v-6.148H8.692V11.89q-1.21-.177-2.028-1.073q-.818-.897-.818-2.149q0-1.179.683-2.005q.682-.826 1.773-1.193q.537-1.135 1.485-1.802T12.039 3q.805 0 1.462.288t1.288.799q.269-.05.516-.107t.522-.057q1.38 0 2.364.97q.982.97.982 2.376q0 .448-.15.797t-.463.645l1.838-.005q.677-.006 1.149.466t.472 1.15v6.288q0 .67-.472 1.143q-.472.472-1.143.472h-1.962v1.77zM9.192 11.02q.633 0 1.163-.347t.993-.81l1.323-1.348q.448-.448 1.023-.625t1.19-.177h3.264V7.27q0-.978-.674-1.662t-1.653-.684q-.338 0-.648.047t-.47.115l-.203.08l-.525-.438q-.408-.338-.906-.533T12.04 4q-.897 0-1.636.473q-.74.473-1.109 1.256l-.26.563l-.588.193q-.715.244-1.158.843t-.442 1.345q0 .979.681 1.663q.68.683 1.665.683m9.25 6.206h1.962q.269 0 .442-.173t.173-.442v-6.29q0-.269-.173-.442t-.442-.173h-1.962z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 21q-.691 0-1.153-.462T3 19.385V16.23h8.596v3.153q0 .691-.462 1.154T9.98 21zm9.365-1.006v-6.148H8.692V11.89q-1.21-.177-2.028-1.073q-.818-.897-.818-2.149q0-1.179.683-2.005q.682-.826 1.773-1.193q.537-1.135 1.485-1.802T12.039 3q.805 0 1.462.288t1.288.799q.269-.05.516-.107t.522-.057q1.38 0 2.364.97q.982.97.982 2.376q0 .448-.15.797t-.463.645l1.838-.005q.677-.006 1.149.466t.472 1.15v6.288q0 .67-.472 1.143q-.472.472-1.143.472h-1.962v1.77zM9.192 11.02q.633 0 1.163-.347t.993-.81l1.323-1.348q.448-.448 1.023-.625t1.19-.177h3.264V7.27q0-.978-.674-1.662t-1.653-.684q-.338 0-.648.047t-.47.115l-.203.08l-.525-.438q-.408-.338-.906-.533T12.04 4q-.897 0-1.636.473q-.74.473-1.109 1.256l-.26.563l-.588.193q-.715.244-1.158.843t-.442 1.345q0 .979.681 1.663q.68.683 1.665.683m9.25 6.206h1.962q.269 0 .442-.173t.173-.442v-6.29q0-.269-.173-.442t-.442-.173h-1.962z"/></svg> </template>
CSS
.icon-beer-meal {
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%22M4.616%2021q-.691%200-1.153-.462T3%2019.385V16.23h8.596v3.153q0%20.691-.462%201.154T9.98%2021zm9.365-1.006v-6.148H8.692V11.89q-1.21-.177-2.028-1.073q-.818-.897-.818-2.149q0-1.179.683-2.005q.682-.826%201.773-1.193q.537-1.135%201.485-1.802T12.039%203q.805%200%201.462.288t1.288.799q.269-.05.516-.107t.522-.057q1.38%200%202.364.97q.982.97.982%202.376q0%20.448-.15.797t-.463.645l1.838-.005q.677-.006%201.149.466t.472%201.15v6.288q0%20.67-.472%201.143q-.472.472-1.143.472h-1.962v1.77zM9.192%2011.02q.633%200%201.163-.347t.993-.81l1.323-1.348q.448-.448%201.023-.625t1.19-.177h3.264V7.27q0-.978-.674-1.662t-1.653-.684q-.338%200-.648.047t-.47.115l-.203.08l-.525-.438q-.408-.338-.906-.533T12.04%204q-.897%200-1.636.473q-.74.473-1.109%201.256l-.26.563l-.588.193q-.715.244-1.158.843t-.442%201.345q0%20.979.681%201.663q.68.683%201.665.683m9.25%206.206h1.962q.269%200%20.442-.173t.173-.442v-6.29q0-.269-.173-.442t-.442-.173h-1.962z%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%22M4.616%2021q-.691%200-1.153-.462T3%2019.385V16.23h8.596v3.153q0%20.691-.462%201.154T9.98%2021zm9.365-1.006v-6.148H8.692V11.89q-1.21-.177-2.028-1.073q-.818-.897-.818-2.149q0-1.179.683-2.005q.682-.826%201.773-1.193q.537-1.135%201.485-1.802T12.039%203q.805%200%201.462.288t1.288.799q.269-.05.516-.107t.522-.057q1.38%200%202.364.97q.982.97.982%202.376q0%20.448-.15.797t-.463.645l1.838-.005q.677-.006%201.149.466t.472%201.15v6.288q0%20.67-.472%201.143q-.472.472-1.143.472h-1.962v1.77zM9.192%2011.02q.633%200%201.163-.347t.993-.81l1.323-1.348q.448-.448%201.023-.625t1.19-.177h3.264V7.27q0-.978-.674-1.662t-1.653-.684q-.338%200-.648.047t-.47.115l-.203.08l-.525-.438q-.408-.338-.906-.533T12.04%204q-.897%200-1.636.473q-.74.473-1.109%201.256l-.26.563l-.588.193q-.715.244-1.158.843t-.442%201.345q0%20.979.681%201.663q.68.683%201.665.683m9.25%206.206h1.962q.269%200%20.442-.173t.173-.442v-6.29q0-.269-.173-.442t-.442-.173h-1.962z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/beer-meal.svg?color=%231a73e8&size=48
