Box Upload Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Box Upload icon is commonly used in file pickers, media uploaders and form inputs. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310572.svg" alt="Box Upload icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310572.svg" alt="Box Upload icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310572.svg" alt="Box Upload icon" :width="24" :height="24" />
CSS background
.icon-box-upload {
background-image: url('https://proicons.com/icon/310572.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="M4.38232 8.8125V17.3125C4.38232 18.1579 4.72628 18.9686 5.33853 19.5664C5.95079 20.1642 6.78118 20.5 7.64703 20.5H16.3529C17.2188 20.5 18.0492 20.1642 18.6614 19.5664C19.2737 18.9686 19.6176 18.1579 19.6176 17.3125V8.8125" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.6176 3.5H4.38235C3.48083 3.5 2.75 4.21355 2.75 5.09375V7.21875C2.75 8.09895 3.48083 8.8125 4.38235 8.8125H19.6176C20.5192 8.8125 21.25 8.09895 21.25 7.21875V5.09375C21.25 4.21355 20.5192 3.5 19.6176 3.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.9999 12L11.9999 17" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M14.2929 14.105L12.3256 12.1376C12.283 12.0947 12.2322 12.0605 12.1763 12.0373C12.1205 12.014 12.0605 12.002 12 12.002C11.9395 12.002 11.8795 12.014 11.8236 12.0373C11.7677 12.0605 11.717 12.0947 11.6744 12.1376L9.70707 14.105" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!