restaurant icon

restaurant-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: restaurant-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

restaurantBoxIcons v2 restaurantCarbon restaurantHuge Icons restaurantMaterial Symbols restaurantMaterial Symbols Light restaurant-fillRemix Icon restaurantUnicons

Use the restaurant icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M342.7 223.94h14.87a79.48 79.48 0 0 0 56.58-23.44L496 118l-22.22-22.4l-83.58 83.58l-17.37-17.37l83.58-83.59l-23-22.31l-83.27 83.26l-17.32-17.37l83.58-83.59L394 16l-82.5 81.85a79.5 79.5 0 0 0-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8c6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72l-156.43-156.93Z"/><path fill="currentColor" d="M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23c-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80l144-144Z"/></svg>

React

import type { SVGProps } from "react";

export function IonRestaurantSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M342.7 223.94h14.87a79.48 79.48 0 0 0 56.58-23.44L496 118l-22.22-22.4l-83.58 83.58l-17.37-17.37l83.58-83.59l-23-22.31l-83.27 83.26l-17.32-17.37l83.58-83.59L394 16l-82.5 81.85a79.5 79.5 0 0 0-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8c6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72l-156.43-156.93Z"/><path fill="currentColor" d="M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23c-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80l144-144Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M342.7 223.94h14.87a79.48 79.48 0 0 0 56.58-23.44L496 118l-22.22-22.4l-83.58 83.58l-17.37-17.37l83.58-83.59l-23-22.31l-83.27 83.26l-17.32-17.37l83.58-83.59L394 16l-82.5 81.85a79.5 79.5 0 0 0-23.44 56.59v14.86l-43.13 43.13L48 16C3.72 70.87 29.87 171.71 79.72 221.57l85.5 85.5c26.55 26.55 31.82 28.92 61.94 16.8c6.49-2.61 8.85-2.32 14.9 3.72l13 12.13c2.93 3 3 3.88 3 9.62v5.54c0 21.08 13.48 33.2 22.36 42.24L384 496l72-72l-156.43-156.93Z"/><path fill="currentColor" d="M227.37 354.59c-29.82 6.11-48.11 11.74-83.08-23.23c-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16 416l80 80l144-144Z"/></svg>
</template>

CSS

.icon-restaurant-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M342.7%20223.94h14.87a79.48%2079.48%200%200%200%2056.58-23.44L496%20118l-22.22-22.4l-83.58%2083.58l-17.37-17.37l83.58-83.59l-23-22.31l-83.27%2083.26l-17.32-17.37l83.58-83.59L394%2016l-82.5%2081.85a79.5%2079.5%200%200%200-23.44%2056.59v14.86l-43.13%2043.13L48%2016C3.72%2070.87%2029.87%20171.71%2079.72%20221.57l85.5%2085.5c26.55%2026.55%2031.82%2028.92%2061.94%2016.8c6.49-2.61%208.85-2.32%2014.9%203.72l13%2012.13c2.93%203%203%203.88%203%209.62v5.54c0%2021.08%2013.48%2033.2%2022.36%2042.24L384%20496l72-72l-156.43-156.93Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.37%20354.59c-29.82%206.11-48.11%2011.74-83.08-23.23c-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16%20416l80%2080l144-144Z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M342.7%20223.94h14.87a79.48%2079.48%200%200%200%2056.58-23.44L496%20118l-22.22-22.4l-83.58%2083.58l-17.37-17.37l83.58-83.59l-23-22.31l-83.27%2083.26l-17.32-17.37l83.58-83.59L394%2016l-82.5%2081.85a79.5%2079.5%200%200%200-23.44%2056.59v14.86l-43.13%2043.13L48%2016C3.72%2070.87%2029.87%20171.71%2079.72%20221.57l85.5%2085.5c26.55%2026.55%2031.82%2028.92%2061.94%2016.8c6.49-2.61%208.85-2.32%2014.9%203.72l13%2012.13c2.93%203%203%203.88%203%209.62v5.54c0%2021.08%2013.48%2033.2%2022.36%2042.24L384%20496l72-72l-156.43-156.93Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.37%20354.59c-29.82%206.11-48.11%2011.74-83.08-23.23c-.56-.56-1.14-1.1-1.7-1.66l-19.5-19.5L16%20416l80%2080l144-144Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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