Archive Box Arrow Down Solid

By Refactoring UI Inc in HeroIcons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <g fill="currentColor">
    <path d="M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z"/>
    <path fill-rule="evenodd" d="m3.087 9l.54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087ZM12 10.5a.75.75 0 0 1 .75.75v4.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72v-4.94a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
  </g>
</svg>


Archive Box Arrow Down Solid Icons examples

See what this icon looks like in some mockup designs
Archive Box Arrow Down SolidHome

Related icons in HeroIcons

copy save
academic-cap
copy save
academic-cap-16-solid
copy save
academic-cap-20-solid
copy save
academic-cap-solid
copy save
adjustments-horizontal
copy save
adjustments-horizontal-16-solid
copy save
adjustments-horizontal-20-solid
copy save
adjustments-horizontal-solid
copy save
adjustments-vertical
copy save
adjustments-vertical-16-solid
copy save
adjustments-vertical-20-solid
copy save
adjustments-vertical-solid
copy save
archive-box
copy save
archive-box-16-solid
copy save
archive-box-20-solid
copy save
archive-box-arrow-down
copy save
archive-box-arrow-down-16-solid
copy save
archive-box-arrow-down-20-solid
copy save
archive-box-arrow-down-solid
copy save
archive-box-solid