File Upload Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The File Upload 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/310718.svg" alt="File Upload icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310718.svg" alt="File Upload icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310718.svg" alt="File Upload icon" :width="24" :height="24" />
CSS background
.icon-file-upload {
background-image: url('https://proicons.com/icon/310718.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="M12 10.4988L12 17.2727" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M15.1064 13.3506L12.4411 10.6853C12.3834 10.6271 12.3147 10.5808 12.239 10.5493C12.1633 10.5177 12.0821 10.5015 12.0001 10.5015C11.918 10.5015 11.8368 10.5177 11.7611 10.5493C11.6854 10.5808 11.6167 10.6271 11.559 10.6853L8.89367 13.3506" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!