Folder Opened Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Folder Opened 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/307177.svg" alt="Folder Opened icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307177.svg" alt="Folder Opened icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307177.svg" alt="Folder Opened icon" :width="24" :height="24" />
CSS background
.icon-folder-opened {
background-image: url('https://proicons.com/icon/307177.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="M2 4.5V9.10022L2.92389 7.5C3.45979 6.5718 4.45017 6 5.52196 6L11.9146 6C11.7087 5.4174 11.1531 5 10.5 5H7C6.86739 5 6.74021 4.94732 6.64645 4.85355L4.93934 3.14645C4.84557 3.05268 4.71839 3 4.58579 3H3.5C2.67157 3 2 3.67157 2 4.5ZM7.06895 13.9953C7.04641 13.9984 7.02339 14 7 14H3.5C2.11929 14 1 12.8807 1 11.5V4.5C1 3.11929 2.11929 2 3.5 2H4.58579C4.98361 2 5.36514 2.15804 5.64645 2.43934L7.20711 4H10.5C11.724 4 12.7426 4.87965 12.958 6.04127C14.605 6.34148 15.5443 8.22106 14.6616 9.75L13.0766 12.4953C12.5407 13.4235 11.5503 13.9953 10.4785 13.9953H7.06895ZM5.52196 7C4.80743 7 4.14718 7.3812 3.78991 8L2.20492 10.7453C1.62757 11.7453 2.34926 12.9953 3.50396 12.9953L10.4785 12.9953C11.193 12.9953 11.8533 12.6141 12.2105 11.9953L13.7955 9.25C14.3729 8.25 13.6512 7 12.4965 7L5.52196 7Z"/></svg>
Folder Opened in other icon packs
Copied!