Layout Sidebar Left 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 sidebar left dock grid design structure page

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

React JSX

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

Vue template

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

CSS background

.icon-layout-sidebar-left-dock {
  background-image: url('https://proicons.com/icon/307257.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="M9.35254 6.14844C9.15754 5.95344 8.84148 5.95344 8.64648 6.14844L7.14648 7.64844L7.14453 7.64648C6.94968 7.84133 6.94999 8.15848 7.14453 8.35352L8.64453 9.85352C8.74253 9.95052 8.87102 10 8.99902 10C9.12701 9.99999 9.25454 9.9515 9.35254 9.85352C9.54754 9.65852 9.54754 9.34148 9.35254 9.14648L8.70703 8.50098H12.5C12.776 8.50098 13 8.27697 13 8.00098C13 7.72498 12.776 7.50098 12.5 7.50098H8.70703L9.35254 6.85449C9.54753 6.65949 9.54753 6.34344 9.35254 6.14844Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 1C2.119 1 0.999997 2.119 0.999997 3.5L1 12.5C1 13.881 2.119 15 3.5 15H12.5C13.881 15 15 13.881 15 12.5L15 3.5C15 2.119 13.881 1 12.5 1L3.5 1ZM12.5 2C13.328 2 14 2.672 14 3.5L14 12.5C14 13.328 13.328 14 12.5 14H6L6 2H12.5Z"/></svg>

Copied!

Layout Sidebar Left Dock Icon

More from VS Code Codicons