dining icon

dining-sharp from Material Symbols by Google · Sharp · Household · Apache-2.0 Free for personal and commercial use.

Name
dining-sharp
Set
Material Symbols
Style
Sharp
Category
Household
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

diningdining-outlinedining-outline-roundeddining-outline-sharpdining-rounded

The same icon in other sets

diningMaterial Symbols Light

More household icons from Material Symbols

ac-unitair-freshenerair-purifierair-purifier-genapparelback-handbalconybath-soakbathroombathtubbedbedroom-babybedroom-childbedroom-parentblanketblenderblindsblinds-2blinds-2-closedblinds-closedcamera-indoorcamera-outdoorchairchair-alt

Use the dining icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19h1.5v-6.75q.65-.2 1.075-.712T11 10.3V6.5h-1V9h-.75V6.5h-1V9H7.5V6.5h-1v3.8q0 .725.425 1.238T8 12.25zm6 0h1.5v-6.35q.825-.4 1.288-1.275t.462-2.05q0-1.425-.712-2.375T14.75 6t-1.787.95t-.713 2.375q0 1.175.463 2.05T14 12.65zM2 22V2h20v20z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsDiningSharp(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 19h1.5v-6.75q.65-.2 1.075-.712T11 10.3V6.5h-1V9h-.75V6.5h-1V9H7.5V6.5h-1v3.8q0 .725.425 1.238T8 12.25zm6 0h1.5v-6.35q.825-.4 1.288-1.275t.462-2.05q0-1.425-.712-2.375T14.75 6t-1.787.95t-.713 2.375q0 1.175.463 2.05T14 12.65zM2 22V2h20v20z"/></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 19h1.5v-6.75q.65-.2 1.075-.712T11 10.3V6.5h-1V9h-.75V6.5h-1V9H7.5V6.5h-1v3.8q0 .725.425 1.238T8 12.25zm6 0h1.5v-6.35q.825-.4 1.288-1.275t.462-2.05q0-1.425-.712-2.375T14.75 6t-1.787.95t-.713 2.375q0 1.175.463 2.05T14 12.65zM2 22V2h20v20z"/></svg>
</template>

CSS

.icon-dining-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%22M8%2019h1.5v-6.75q.65-.2%201.075-.712T11%2010.3V6.5h-1V9h-.75V6.5h-1V9H7.5V6.5h-1v3.8q0%20.725.425%201.238T8%2012.25zm6%200h1.5v-6.35q.825-.4%201.288-1.275t.462-2.05q0-1.425-.712-2.375T14.75%206t-1.787.95t-.713%202.375q0%201.175.463%202.05T14%2012.65zM2%2022V2h20v20z%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%2019h1.5v-6.75q.65-.2%201.075-.712T11%2010.3V6.5h-1V9h-.75V6.5h-1V9H7.5V6.5h-1v3.8q0%20.725.425%201.238T8%2012.25zm6%200h1.5v-6.35q.825-.4%201.288-1.275t.462-2.05q0-1.425-.712-2.375T14.75%206t-1.787.95t-.713%202.375q0%201.175.463%202.05T14%2012.65zM2%2022V2h20v20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Dining sharp icon — Material Symbols · IconsDB