Folder Mail 16 Regular

By Microsoft Corporation in Fluent UI System Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 16 16">
  <path fill="currentColor" d="M2 4.5V6h3.586a.5.5 0 0 0 .353-.146L7.293 4.5L5.939 3.146A.5.5 0 0 0 5.586 3H3.5A1.5 1.5 0 0 0 2 4.5Zm-1 0A2.5 2.5 0 0 1 3.5 2h2.086a1.5 1.5 0 0 1 1.06.44L8.207 4H12.5A2.5 2.5 0 0 1 15 6.5v.55a2.512 2.512 0 0 0-.5-.05H14v-.5A1.5 1.5 0 0 0 12.5 5H8.207l-1.56 1.56A1.5 1.5 0 0 1 5.585 7H2v4.5A1.5 1.5 0 0 0 3.5 13H6v.5c0 .171.017.338.05.5H3.5A2.5 2.5 0 0 1 1 11.5v-7Zm10.51 7.427L7.013 9.304A1.5 1.5 0 0 1 8.5 8h6A1.5 1.5 0 0 1 16 9.5v.01l-4.49 2.417Zm.227 1.013L16 10.645V13.5a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 7 13.5v-3.046l4.248 2.478a.5.5 0 0 0 .49.008Z"/>
</svg>


Folder Mail 16 Regular Icons examples

See what this icon looks like in some mockup designs
Folder Mail 16 RegularHome

Related icons in Fluent UI System Icons

copy save
access-time-20-filled
copy save
access-time-20-regular
copy save
access-time-24-filled
copy save
access-time-24-regular
copy save
accessibility-16-filled
copy save
accessibility-16-regular
copy save
accessibility-20-filled
copy save
accessibility-20-regular
copy save
accessibility-24-filled
copy save
accessibility-24-regular
copy save
accessibility-28-filled
copy save
accessibility-28-regular
copy save
accessibility-32-filled
copy save
accessibility-32-regular
copy save
accessibility-48-filled
copy save
accessibility-48-regular
copy save
accessibility-checkmark-20-filled
copy save
accessibility-checkmark-20-regular
copy save
accessibility-checkmark-24-filled
copy save
accessibility-checkmark-24-regular