Layout Panel Dock 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 panel dock grid design structure page sidebar

The Layout Panel Dock 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/307251.svg" alt="Layout Panel Dock icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/307251.svg"
  alt="Layout Panel Dock icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-layout-panel-dock {
  background-image: url('https://proicons.com/icon/307251.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="M8.00098 3C8.27697 3.00001 8.50098 3.22401 8.50098 3.5V7.29297L9.14648 6.64746C9.34148 6.45246 9.65852 6.45246 9.85352 6.64746C9.9515 6.74545 9.99999 6.87299 10 7.00098C10 7.12898 9.95052 7.25747 9.85352 7.35547L8.35352 8.85547C8.15848 9.05001 7.84133 9.05032 7.64648 8.85547L7.64844 8.85352L6.14844 7.35352C5.95344 7.15852 5.95344 6.84246 6.14844 6.64746C6.34344 6.45247 6.65949 6.45247 6.85449 6.64746L7.50098 7.29297V3.5C7.50098 3.224 7.72498 3 8.00098 3Z"/><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.5L1 3.5C1 2.119 2.119 1 3.5 1L12.5 1ZM3.5 2C2.672 2 2 2.672 2 3.5V10H14V3.5C14 2.672 13.328 2 12.5 2H3.5Z"/></svg>

Copied!

Layout Panel Dock Icon

More from VS Code Codicons