Layout Menubar Icon

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

Download SVG

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: layout menubar grid design structure page

The Layout Menubar icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/307249.svg" alt="Layout Menubar icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/307249.svg"
  alt="Layout Menubar icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M4.5 3C4.776 3 5 3.224 5 3.5C5 3.776 4.776 4 4.5 4H3.5C3.224 4 3 3.776 3 3.5C3 3.224 3.224 3 3.5 3H4.5Z"/><path d="M7.5 3C7.776 3 8 3.224 8 3.5C8 3.776 7.776 4 7.5 4H6.5C6.224 4 6 3.776 6 3.5C6 3.224 6.224 3 6.5 3H7.5Z"/><path d="M10.5 3C10.776 3 11 3.224 11 3.5C11 3.776 10.776 4 10.5 4H9.5C9.224 4 9 3.776 9 3.5C9 3.224 9.224 3 9.5 3H10.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 1C13.881 1 15 2.119 15 3.5V12.5C15 13.881 13.881 15 12.5 15H3.5C2.119 15 1 13.881 1 12.5V3.5C1 2.119 2.119 1 3.5 1H12.5ZM3.5 2C2.672 2 2 2.672 2 3.5V12.5C2 13.328 2.672 14 3.5 14H12.5C13.328 14 14 13.328 14 12.5V3.5C14 2.672 13.328 2 12.5 2H3.5Z"/></svg>

Copied!

Layout Menubar Icon

More from VS Code Codicons