dine in icon
dine-in-sharp from Material Symbols Light by Google · Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- dine-in-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- dine-in-outline-sharp
2 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the dine in icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 19V7.654h1V18h6.616v1zM7.221 5.885q-.604 0-1.028-.424T5.77 4.443t.424-1.019T7.212 3q.613 0 1.028.424q.414.423.414 1.018T8.239 5.46t-1.018.424M12.442 21v-4.77H5.77V9.178q0-.635.437-1.079t1.056-.444q.436 0 .772.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.53-.31-.844-.84q-.314-.532-.314-1.198h4.814q0 .665-.315 1.197t-.843.841H21v1h-3.77V21h-1v-8.577h-2.595q-1.421 0-2.627-.7t-2.354-1.75v4.777h4.788V21z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDineInSharp(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 19V7.654h1V18h6.616v1zM7.221 5.885q-.604 0-1.028-.424T5.77 4.443t.424-1.019T7.212 3q.613 0 1.028.424q.414.423.414 1.018T8.239 5.46t-1.018.424M12.442 21v-4.77H5.77V9.178q0-.635.437-1.079t1.056-.444q.436 0 .772.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.53-.31-.844-.84q-.314-.532-.314-1.198h4.814q0 .665-.315 1.197t-.843.841H21v1h-3.77V21h-1v-8.577h-2.595q-1.421 0-2.627-.7t-2.354-1.75v4.777h4.788V21z"/></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 19V7.654h1V18h6.616v1zM7.221 5.885q-.604 0-1.028-.424T5.77 4.443t.424-1.019T7.212 3q.613 0 1.028.424q.414.423.414 1.018T8.239 5.46t-1.018.424M12.442 21v-4.77H5.77V9.178q0-.635.437-1.079t1.056-.444q.436 0 .772.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.53-.31-.844-.84q-.314-.532-.314-1.198h4.814q0 .665-.315 1.197t-.843.841H21v1h-3.77V21h-1v-8.577h-2.595q-1.421 0-2.627-.7t-2.354-1.75v4.777h4.788V21z"/></svg> </template>
CSS
.icon-dine-in-sharp {
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%2019V7.654h1V18h6.616v1zM7.221%205.885q-.604%200-1.028-.424T5.77%204.443t.424-1.019T7.212%203q.613%200%201.028.424q.414.423.414%201.018T8.239%205.46t-1.018.424M12.442%2021v-4.77H5.77V9.178q0-.635.437-1.079t1.056-.444q.436%200%20.772.248q.335.248.616.54q1.067%201.11%202.249%202.045t2.736.936h1.85q-.53-.31-.844-.84q-.314-.532-.314-1.198h4.814q0%20.665-.315%201.197t-.843.841H21v1h-3.77V21h-1v-8.577h-2.595q-1.421%200-2.627-.7t-2.354-1.75v4.777h4.788V21z%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%2019V7.654h1V18h6.616v1zM7.221%205.885q-.604%200-1.028-.424T5.77%204.443t.424-1.019T7.212%203q.613%200%201.028.424q.414.423.414%201.018T8.239%205.46t-1.018.424M12.442%2021v-4.77H5.77V9.178q0-.635.437-1.079t1.056-.444q.436%200%20.772.248q.335.248.616.54q1.067%201.11%202.249%202.045t2.736.936h1.85q-.53-.31-.844-.84q-.314-.532-.314-1.198h4.814q0%20.665-.315%201.197t-.843.841H21v1h-3.77V21h-1v-8.577h-2.595q-1.421%200-2.627-.7t-2.354-1.75v4.777h4.788V21z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/dine-in-sharp.svg?color=%231a73e8&size=48
