Google Material Design File Icons

Here we will learn file icons in google material design with examples and different type of file icons (file upload, file download, folder open, folder share, attachment, cloud, cloud circle, etc.) in google material design with examples.

Google Material Design File Icons

Google provides different type of file icons using material design those are folder open, cloud circle, cloud upload, create new folder, attachment, file upload / download, etc.


Following table shows the list of available file icons in google material design.


NameUsage DescriptionIconExample
attachment <i class="material-icons">attachment</i> attachment DEMO
cloud <i class="material-icons">cloud</i> cloud DEMO
cloud circle <i class="material-icons">cloud_circle</i> cloud_circle DEMO
cloud done <i class="material-icons">cloud_done</i> cloud_done DEMO
cloud download <i class="material-icons">cloud_download</i> cloud_download DEMO
cloud off <i class="material-icons">cloud_off</i> cloud_off DEMO
cloud queue <i class="material-icons">cloud_queue</i> cloud_queue DEMO
cloud upload <i class="material-icons">cloud_upload</i> cloud_upload DEMO
create new folder <i class="material-icons">create_new_folder</i> create_new_folder DEMO
file download <i class="material-icons">file_download</i> file_download DEMO
file upload <i class="material-icons">file_upload</i> file_upload DEMO
folder <i class="material-icons">folder</i> folder DEMO
folder open <i class="material-icons">folder_open</i> folder_open DEMO
folder shared <i class="material-icons">folder_shared</i> folder_shared DEMO

Topics Covered