Menu Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

menu hamburger navigation list sidebar

The Menu icon is commonly used in navigation bars, sidebars and mobile headers. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307294.svg" alt="Menu icon" width="24" height="24">

<img src="https://proicons.com/icon/307294.svg" alt="Menu icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307294.svg"
  alt="Menu icon"
  :width="24"
  :height="24"
/>

.icon-menu {
  background-image: url('https://proicons.com/icon/307294.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M2 3.5C2 3.22386 2.22386 3 2.5 3H13.5C13.7761 3 14 3.22386 14 3.5C14 3.77614 13.7761 4 13.5 4H2.5C2.22386 4 2 3.77614 2 3.5ZM2 7.5C2 7.22386 2.22386 7 2.5 7H13.5C13.7761 7 14 7.22386 14 7.5C14 7.77614 13.7761 8 13.5 8H2.5C2.22386 8 2 7.77614 2 7.5ZM2 11.5C2 11.2239 2.22386 11 2.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H2.5C2.22386 12 2 11.7761 2 11.5Z"/></svg>