Folder

By Just Be Nice studio in Web Symbols Liga

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 1391 1000">
  <path fill="currentColor" d="M1313 218H78q9-48 27-67q16-17 31-17h4q4 1 8 1q12 0 26-4q18-6 25-29l24-72Q300 1 431 1q89 0 164 29l25 72q24 23 32.5 26t43.5 3h485q84 0 110 22q12 11 22 65zm78 164v10l-68 523q-5 35-33.5 60.5T1225 1001H167q-36 0-65.5-25.5T68 915L1 392q-1-3-1-10q0-33 22.5-54.5T78 306h1235q33 0 55.5 21.5T1391 382z"/>
</svg>


Folder Icons examples

See what this icon looks like in some mockup designs
FolderHome

Related icons in Web Symbols Liga

copy save
archive
copy save
arrows-cw
copy save
attach
copy save
attention
copy save
block
copy save
cancel
copy save
cancel-circle
copy save
chat
copy save
clock
copy save
cloud
copy save
code
copy save
cog
copy save
comment
copy save
comment-alt
copy save
cw-circle
copy save
doc
copy save
docs-landscape
copy save
down-circle
copy save
down-dir
copy save
down-micro