Here we will learn file icons in google material design with examples and different types of file icons (file upload, file download, folder open, folder share, attachment, cloud, cloud circle, etc.) in google material design with examples.
Google provides different types of file icons using a material design which are folder open, cloud circle, cloud upload, create a new folder, attachment, file upload/download, etc.
The following table shows the list of available file icons in google material design.
Name | Usage Description | Icon | Example |
---|---|---|---|
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 |