File Collection

By ByteDance in IconPark TwoTone

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 48 48">
  <mask id="ipTFileCollection0">
    <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
      <path fill="#555" d="M10 44h28a2 2 0 0 0 2-2V14H30V4H10a2 2 0 0 0-2 2v36a2 2 0 0 0 2 2Z"/>
      <path d="m30 4l10 10"/>
      <path fill="#555" d="M20.85 21C18.724 21 17 23.009 17 25.486c0 4.487 4.55 8.565 7 9.514c2.45-.949 7-5.027 7-9.514C31 23.01 29.276 21 27.15 21c-1.302 0-2.453.753-3.15 1.906C23.303 21.753 22.152 21 20.85 21Z"/>
    </g>
  </mask>
  <path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipTFileCollection0)"/>
</svg>


File Collection Icons examples

See what this icon looks like in some mockup designs
File CollectionHome

Related icons in IconPark TwoTone

copy save
app-switch
copy save
application-one
copy save
asterisk
copy save
badge
copy save
benz
copy save
blocks-and-arrows
copy save
category-management
copy save
circle-five-line
copy save
circle-four
copy save
circle-four-line
copy save
circle-three
copy save
circle-two-line
copy save
circles-and-triangles
copy save
circles-seven
copy save
circular-connection
copy save
cones
copy save
converging-gateway
copy save
coordinate-system
copy save
cross-ring
copy save
crown-two