dine in icon

dine-in-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: dine-in-rounded
Set: Material Symbols Light
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: dine-in-outline-rounded

2 other variants in Material Symbols Light

dine-in dine-in-sharp

The same icon in other sets

dine-inMaterial Symbols

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="M4.616 19q-.691 0-1.153-.462T3 17.384v-9.23q0-.213.144-.356t.357-.144t.356.144t.143.356v9.23q0 .27.173.443t.443.173h5.5q.212 0 .356.144t.144.357t-.144.356t-.356.143zM7.22 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 20.5v-4.27h-5.23q-.595 0-1.019-.423q-.424-.424-.424-1.038V9.177q0-.635.437-1.079t1.055-.444q.437 0 .773.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.373-.223-.645-.571q-.271-.348-.401-.778q-.087-.266.1-.478t.478-.211h3.44q.276 0 .464.21q.189.211.114.485q-.125.443-.402.782q-.277.338-.65.561H20.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-3.27V20.5q0 .213-.143.356q-.144.144-.357.144t-.356-.144t-.143-.356v-8.077h-2.597q-1.42 0-2.626-.7t-2.354-1.75v4.777H12q.595 0 1.019.424q.423.423.423 1.018V20.5q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightDineInRounded(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 19q-.691 0-1.153-.462T3 17.384v-9.23q0-.213.144-.356t.357-.144t.356.144t.143.356v9.23q0 .27.173.443t.443.173h5.5q.212 0 .356.144t.144.357t-.144.356t-.356.143zM7.22 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 20.5v-4.27h-5.23q-.595 0-1.019-.423q-.424-.424-.424-1.038V9.177q0-.635.437-1.079t1.055-.444q.437 0 .773.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.373-.223-.645-.571q-.271-.348-.401-.778q-.087-.266.1-.478t.478-.211h3.44q.276 0 .464.21q.189.211.114.485q-.125.443-.402.782q-.277.338-.65.561H20.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-3.27V20.5q0 .213-.143.356q-.144.144-.357.144t-.356-.144t-.143-.356v-8.077h-2.597q-1.42 0-2.626-.7t-2.354-1.75v4.777H12q.595 0 1.019.424q.423.423.423 1.018V20.5q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356"/></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 19q-.691 0-1.153-.462T3 17.384v-9.23q0-.213.144-.356t.357-.144t.356.144t.143.356v9.23q0 .27.173.443t.443.173h5.5q.212 0 .356.144t.144.357t-.144.356t-.356.143zM7.22 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 20.5v-4.27h-5.23q-.595 0-1.019-.423q-.424-.424-.424-1.038V9.177q0-.635.437-1.079t1.055-.444q.437 0 .773.248q.335.248.616.54q1.067 1.11 2.249 2.045t2.736.936h1.85q-.373-.223-.645-.571q-.271-.348-.401-.778q-.087-.266.1-.478t.478-.211h3.44q.276 0 .464.21q.189.211.114.485q-.125.443-.402.782q-.277.338-.65.561H20.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-3.27V20.5q0 .213-.143.356q-.144.144-.357.144t-.356-.144t-.143-.356v-8.077h-2.597q-1.42 0-2.626-.7t-2.354-1.75v4.777H12q.595 0 1.019.424q.423.423.423 1.018V20.5q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356"/></svg>
</template>

CSS

.icon-dine-in-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%22M4.616%2019q-.691%200-1.153-.462T3%2017.384v-9.23q0-.213.144-.356t.357-.144t.356.144t.143.356v9.23q0%20.27.173.443t.443.173h5.5q.212%200%20.356.144t.144.357t-.144.356t-.356.143zM7.22%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%2020.5v-4.27h-5.23q-.595%200-1.019-.423q-.424-.424-.424-1.038V9.177q0-.635.437-1.079t1.055-.444q.437%200%20.773.248q.335.248.616.54q1.067%201.11%202.249%202.045t2.736.936h1.85q-.373-.223-.645-.571q-.271-.348-.401-.778q-.087-.266.1-.478t.478-.211h3.44q.276%200%20.464.21q.189.211.114.485q-.125.443-.402.782q-.277.338-.65.561H20.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-3.27V20.5q0%20.213-.143.356q-.144.144-.357.144t-.356-.144t-.143-.356v-8.077h-2.597q-1.42%200-2.626-.7t-2.354-1.75v4.777H12q.595%200%201.019.424q.423.423.423%201.018V20.5q0%20.213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356%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%2019q-.691%200-1.153-.462T3%2017.384v-9.23q0-.213.144-.356t.357-.144t.356.144t.143.356v9.23q0%20.27.173.443t.443.173h5.5q.212%200%20.356.144t.144.357t-.144.356t-.356.143zM7.22%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%2020.5v-4.27h-5.23q-.595%200-1.019-.423q-.424-.424-.424-1.038V9.177q0-.635.437-1.079t1.055-.444q.437%200%20.773.248q.335.248.616.54q1.067%201.11%202.249%202.045t2.736.936h1.85q-.373-.223-.645-.571q-.271-.348-.401-.778q-.087-.266.1-.478t.478-.211h3.44q.276%200%20.464.21q.189.211.114.485q-.125.443-.402.782q-.277.338-.65.561H20.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-3.27V20.5q0%20.213-.143.356q-.144.144-.357.144t-.356-.144t-.143-.356v-8.077h-2.597q-1.42%200-2.626-.7t-2.354-1.75v4.777H12q.595%200%201.019.424q.423.423.423%201.018V20.5q0%20.213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356%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-rounded.svg?color=%231a73e8&size=48