Menu Restaurant icon

hugeicons:menu-restaurant

The Menu Restaurant icon (hugeicons:menu-restaurant) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Huge Icons
Author: Hugeicons
License: MIT
Size: 24 × 24
Tags: menurestaurant

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M20 18v-8c0-1.886 0-2.829-.586-3.414C18.828 6 17.886 6 16 6H4v12c0 1.885 0 2.828.586 3.414S6.114 22 8 22h8c1.886 0 2.828 0 3.414-.586S20 19.885 20 18"/><path d="M12 11a3 3 0 0 1 3 3m-3-3a3 3 0 0 0-3 3m3-3v-1m3 4H9m6 0h1m-7 0H8m0 4h8M4 6l7.385-3.094c1.649-.691 2.473-1.037 3.13-.86a2 2 0 0 1 1.07.717C16 3.305 16 4.203 16 6"/></g></svg>

How to use the Menu Restaurant icon

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:menu-restaurant" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:menu-restaurant" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:menu-restaurant" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--menu-restaurant]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:menu-restaurant"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:menu-restaurant"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/hugeicons/menu-restaurant.svg" alt="Menu Restaurant icon" width="24" height="24">

Related icons in Huge Icons

Menu Restaurant icon FAQ

Is the Menu Restaurant icon free for commercial use?

Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Menu Restaurant icon in React?

Install @iconify/react and render <Icon icon="hugeicons:menu-restaurant" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Menu Restaurant icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/menu-restaurant.svg" alt="Menu Restaurant icon">, or paste the SVG code inline to style it with CSS.

Browse all Huge Icons →