Folder Open Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Folder Open 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/310734.svg" alt="Folder Open icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310734.svg" alt="Folder Open icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310734.svg" alt="Folder Open icon" :width="24" :height="24" />
CSS background
.icon-folder-open {
background-image: url('https://proicons.com/icon/310734.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.375 16.0469H16.625" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.25 9.88276V17.5808C21.25 18.3986 20.9252 19.1828 20.3469 19.7611C19.7687 20.3393 18.9844 20.6641 18.1667 20.6641H5.83333C5.01558 20.6641 4.23132 20.3393 3.65309 19.7611C3.07485 19.1828 2.75 18.3986 2.75 17.5808V6.41915C2.75 5.6014 3.07485 4.81714 3.65309 4.2389C4.23132 3.66067 5.01558 3.33582 5.83333 3.33582H8.91667C9.42532 3.33563 9.92612 3.46128 10.3744 3.70158C10.8228 3.94187 11.2047 4.28935 11.4861 4.71304L12.3597 6.03887C12.5197 6.27622 12.7355 6.47065 12.9882 6.60506C13.2408 6.73947 13.5227 6.80974 13.8089 6.8097H18.1667C18.9826 6.8097 19.7653 7.13314 20.3433 7.70916C20.9212 8.28517 21.2473 9.06679 21.25 9.88276Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.5169 4.72332L18.4442 3.61332C18.6641 3.57743 18.8891 3.58995 19.1037 3.65001C19.3182 3.71007 19.5171 3.81621 19.6864 3.96105C19.8557 4.10588 19.9913 4.2859 20.0839 4.48857C20.1764 4.69123 20.2236 4.91165 20.2222 5.13444V7.59082" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Folder Open in other icon packs
Copied!