Root Folder 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: root folder directory organize category

The Root Folder icon is commonly used in file browsers, project management tools and admin panels. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/307377.svg" alt="Root Folder icon" width="24" height="24">

React JSX

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

Vue template

<img
  src="https://proicons.com/icon/307377.svg"
  alt="Root Folder icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-root-folder {
  background-image: url('https://proicons.com/icon/307377.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 fill-rule="evenodd" clip-rule="evenodd" d="M4.5 7C2.019 7 0 9.019 0 11.5C0 13.981 2.019 16 4.5 16C6.981 16 9 13.981 9 11.5C9 9.019 6.981 7 4.5 7ZM4.5 15C2.57 15 1 13.43 1 11.5C1 9.57 2.57 8 4.5 8C6.43 8 8 9.57 8 11.5C8 13.43 6.43 15 4.5 15ZM7 11.5C7 12.881 5.881 14 4.5 14C3.119 14 2 12.881 2 11.5C2 10.119 3.119 9 4.5 9C5.881 9 7 10.119 7 11.5ZM15 6.5V11.5C15 12.881 13.881 14 12.5 14H10V13H12.5C13.328 13 14 12.328 14 11.5V6.5C14 5.672 13.328 5 12.5 5H8.207L7.207 6H5.586C5.719 6 5.846 5.947 5.94 5.854L7.294 4.5L5.94 3.146C5.846 3.052 5.719 3 5.586 3H3.5C2.672 3 2 3.672 2 4.5V6H1V4.5C1 3.119 2.119 2 3.5 2H5.586C5.984 2 6.365 2.158 6.647 2.439L8.208 4H12.501C13.882 4 15.001 5.119 15.001 6.5H15Z"/></svg>

Copied!

Root Folder Icon

More from VS Code Codicons