Files Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Files 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/307167.svg" alt="Files icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307167.svg" alt="Files icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307167.svg" alt="Files icon" :width="24" :height="24" />
CSS background
.icon-files {
background-image: url('https://proicons.com/icon/307167.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" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M7.5 22.5H17.595C17.07 23.4 16.11 24 15 24H7.5C4.185 24 1.5 21.315 1.5 18V6C1.5 4.89 2.1 3.93 3 3.405V18C3 20.475 5.025 22.5 7.5 22.5ZM21 8.121V18C21 19.6545 19.6545 21 18 21H7.5C5.8455 21 4.5 19.6545 4.5 18V3C4.5 1.3455 5.8455 0 7.5 0H12.879C13.4715 0 14.0505 0.24 14.4705 0.6585L20.3415 6.5295C20.766 6.954 21 7.5195 21 8.121ZM13.5 6.75C13.5 7.164 13.8375 7.5 14.25 7.5H19.1895L13.5 1.8105V6.75ZM19.5 18V9H14.25C13.0095 9 12 7.9905 12 6.75V1.5H7.5C6.672 1.5 6 2.1735 6 3V18C6 18.8265 6.672 19.5 7.5 19.5H18C18.828 19.5 19.5 18.8265 19.5 18Z"/></svg>
More from VS Code Codicons
View all
Files in other icon packs
Copied!