Folder Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The 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/310143.svg" alt="Folder icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310143.svg" alt="Folder icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310143.svg" alt="Folder icon" :width="24" :height="24" />
CSS background
.icon-folder {
background-image: url('https://proicons.com/icon/310143.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="M22 9.88499V17.585C21.9961 18.6021 21.5899 19.5764 20.87 20.295C20.515 20.6518 20.0926 20.9346 19.6274 21.1269C19.1622 21.3192 18.6634 21.4171 18.16 21.415H5.83004C5.32671 21.4163 4.82806 21.3181 4.36278 21.1261C3.89751 20.9341 3.47477 20.652 3.11886 20.2961C2.76295 19.9402 2.48088 19.5175 2.28887 19.0522C2.09686 18.587 1.9987 18.0883 2.00002 17.585V6.42497C1.99738 5.9208 2.09459 5.42109 2.286 4.95466C2.47742 4.48823 2.75927 4.06432 3.11532 3.70735C3.47136 3.35038 3.89454 3.0674 4.36047 2.87477C4.82639 2.68214 5.32586 2.58365 5.83004 2.58497H8.91003C9.54254 2.58679 10.165 2.74362 10.7228 3.04173C11.2807 3.33984 11.757 3.77013 12.11 4.29497L12.98 5.62498C13.0722 5.75939 13.1957 5.86925 13.34 5.94499C13.4835 6.02542 13.6456 6.06679 13.81 6.06499H18.16C18.6628 6.061 19.1613 6.1571 19.6266 6.34767C20.0918 6.53824 20.5145 6.81945 20.87 7.17497C21.5899 7.89357 21.9961 8.86786 22 9.88499Z" fill="black"/> </svg>
More from Mage Icons
View all
Folder in other icon packs
Copied!