Editor Layout 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

editor layout grid design structure page

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

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

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

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

.icon-editor-layout {
  background-image: url('https://proicons.com/icon/307143.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="M12.5 5H7.5C7.328 5 7.161 5.018 7 5.052V2.5C7 1.673 6.327 1 5.5 1H2.5C1.673 1 1 1.673 1 2.5V8.5C1 9.327 1.673 10 2.5 10H5V12.5C5 13.881 6.119 15 7.5 15H12.5C13.881 15 15 13.881 15 12.5V7.5C15 6.119 13.881 5 12.5 5ZM7.5 6H12.5C13.153 6 13.709 6.417 13.915 7H7V6.092C7.155 6.033 7.323 6 7.5 6ZM2.5 2H5.5C5.776 2 6 2.224 6 2.5V3H2V2.5C2 2.224 2.224 2 2.5 2ZM2 8.5V4H6V8.5C6 8.776 5.776 9 5.5 9H2.5C2.224 9 2 8.776 2 8.5ZM14 12.5C14 13.328 13.328 14 12.5 14H7.5C6.672 14 6 13.328 6 12.5V9.914C6.582 9.708 7 9.152 7 8.5V8H14V12.5Z"/></svg>