File 3 Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The File 3 icon is commonly used in file managers, document editors and upload areas. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310710.svg" alt="File 3 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310710.svg" alt="File 3 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310710.svg" alt="File 3 icon" :width="24" :height="24" />
CSS background
.icon-file-3 {
background-image: url('https://proicons.com/icon/310710.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="M14.186 2.75293V6.3487C14.186 6.83643 14.3805 7.30418 14.7267 7.64905C15.0729 7.99393 15.5424 8.18768 16.032 8.18768H20.157" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.25 8.56776V17.136C20.23 17.696 20.0995 18.2466 19.8658 18.7563C19.632 19.266 19.2998 19.7248 18.8879 20.1065C18.4761 20.4881 17.9927 20.7852 17.4656 20.9806C16.9384 21.176 16.3777 21.266 15.8156 21.2454H8.22563C7.66013 21.2716 7.09505 21.1857 6.5631 20.9928C6.03115 20.7999 5.54291 20.5037 5.12664 20.1215C4.71037 19.7393 4.37436 19.2786 4.13805 18.7662C3.90175 18.2537 3.76985 17.6996 3.75 17.136V6.86233C3.76995 6.30232 3.90052 5.75172 4.13424 5.24201C4.36795 4.73231 4.70024 4.2735 5.11208 3.89184C5.52393 3.51017 6.00726 3.21313 6.53443 3.01769C7.0616 2.82226 7.62227 2.73228 8.18438 2.75288H13.8975C14.7704 2.74996 15.6128 3.07246 16.2591 3.65696L19.2188 6.37947C19.5351 6.65177 19.7904 6.98732 19.9681 7.36432C20.1457 7.74132 20.2418 8.15135 20.25 8.56776Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.64697 7.64697H10.9117" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.64697 12H16.3528" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.64697 16.353H16.3528" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
File 3 in other icon packs
Copied!