Materialdesign: New MD Icon Styles

Created on 8 May 2018  路  6Comments  路  Source: Templarian/MaterialDesign

The team here at MDI are currently discussing the new updates to the MD Guidelines and the new icon styles available. We will be deciding how best to take on the task of converting our library of icons and where this project will go from here.

We look forward to the future of Material Design and can't wait to help you realize your awesome design ideas in the near future!


Update May 10th, 2018

Our immediate concerns are to continue adding new stock google icons and expand our range of filled and outline variants whilst continuing to add icon requests. We are looking into support for the two-tone variant once the new site goes live and rounded and sharp will likely follow soon after.

New contributions now require both a filled and outline variant where appropriate. Feel free to open requests for missing outline icons as needed to help us focus our time on getting icons which are most useful to you added faster. You can help to prioritize requests by adding a thumbs up reaction.

We thank you for your patience as our small team work to merge all of the new icons.

Documentation Google High Priority Icon Update Site Feature

Most helpful comment

List of outline variants that need updating

MDI name on left and stock name on right (outline has been stripped from the names).

  • [ ] account-box - account_box (#3966, #3967)
  • [ ] account-multiple - people (#3675)
  • [ ] account-multiple-plus(#3675)
  • [ ] account - person(#3969)
  • [ ] account-plus - person_add(#3969)
  • [x] cart - shopping_cart(#3972)
  • [ ] check-circle - check_circle (#3970)
  • [x] clipboard-check - assignment_turned_in(#3971)
  • [x] clipboard(#3971)
  • [x] clipboard-pulse (#3971)
  • [x] coffee - local_cafe (#3972)
  • [ ] compass - explore (#3973)
  • [ ] content-save - save (#3974)
  • [ ] email - email (#3975)
  • [ ] eye - remove_red_eye (#3976)
  • [ ] eye-off (#3976)
  • [ ] eye-plus (#3976)
  • [ ] eye-settings (#3976)
  • [x] fast-forward - fast_forward (#3972)
  • [x] file - insert_drive_file (#3972)
  • [x] file-download
  • [ ] flag - flag (#3978)
  • [x] folder - folder (#3979)
  • [x] forum - forum (#3980)
  • [ ] home - home (#3981)
  • [x] map-marker - place (#3972)
  • [x] minus-box - indeterminate_check_box (#3972)
  • [ ] note - note (#3982)
  • [ ] note-multiple (#3982)
  • [ ] note-plus (#3982)
  • [x] plus-box - add_box (#3972)
  • [x] rewind - fast_rewind (#3972)
  • [x] settings - settings (#3983)
  • [x] thumb-down - thumb_down (#3972)
  • [x] thumb-up - thumb_up (#3972)

All 6 comments

List of outline variants that need updating

MDI name on left and stock name on right (outline has been stripped from the names).

  • [ ] account-box - account_box (#3966, #3967)
  • [ ] account-multiple - people (#3675)
  • [ ] account-multiple-plus(#3675)
  • [ ] account - person(#3969)
  • [ ] account-plus - person_add(#3969)
  • [x] cart - shopping_cart(#3972)
  • [ ] check-circle - check_circle (#3970)
  • [x] clipboard-check - assignment_turned_in(#3971)
  • [x] clipboard(#3971)
  • [x] clipboard-pulse (#3971)
  • [x] coffee - local_cafe (#3972)
  • [ ] compass - explore (#3973)
  • [ ] content-save - save (#3974)
  • [ ] email - email (#3975)
  • [ ] eye - remove_red_eye (#3976)
  • [ ] eye-off (#3976)
  • [ ] eye-plus (#3976)
  • [ ] eye-settings (#3976)
  • [x] fast-forward - fast_forward (#3972)
  • [x] file - insert_drive_file (#3972)
  • [x] file-download
  • [ ] flag - flag (#3978)
  • [x] folder - folder (#3979)
  • [x] forum - forum (#3980)
  • [ ] home - home (#3981)
  • [x] map-marker - place (#3972)
  • [x] minus-box - indeterminate_check_box (#3972)
  • [ ] note - note (#3982)
  • [ ] note-multiple (#3982)
  • [ ] note-plus (#3982)
  • [x] plus-box - add_box (#3972)
  • [x] rewind - fast_rewind (#3972)
  • [x] settings - settings (#3983)
  • [x] thumb-down - thumb_down (#3972)
  • [x] thumb-up - thumb_up (#3972)

Google always called our folder-outline icon folder_open. If we are going to rename it, though, we'll need to give our folder-open the variant modifier.

List of icons in the new set that were not previously included in the original or extended sets (MDI names and issues numbers in parentheses where applicable):

  • [x] all_inbox (inbox-mutiple)
  • [x] bookmarks (#3984)
  • [x] cast_for_education (#3985)
  • [x] desktop_access_disabled
  • [x] duo (#3013)
  • [x] explore_off
  • [x] label_off
  • [x] person_add_disabled (#3986)
  • [ ] print_disabled (#2526)
  • [x] star_rate
  • [x] toggle_off
  • [x] toggle_on
  • [x] twotone

The following are also new but only available in duotone:

  • battery_20
  • battery_30
  • battery_50
  • battery_60
  • battery_80
  • battery_90
  • battery_charging_20
  • battery_charging_30
  • battery_charging_50
  • battery_charging_60
  • battery_charging_80
  • battery_charging_90
  • signal_cellular_0_bar
  • signal_cellular_1_bar
  • signal_cellular_2_bar
  • signal_cellular_3_bar
  • signal_cellular_connected_no_internet_0_bar
  • signal_cellular_connected_no_internet_1_bar
  • signal_cellular_connected_no_internet_2_bar
  • signal_cellular_connected_no_internet_3_bar
  • signal_wifi_0_bar
  • signal_wifi_1_bar
  • signal_wifi_1_bar_lock
  • signal_wifi_2_bar
  • signal_wifi_2_bar_lock
  • signal_wifi_3_bar
  • signal_wifi_3_bar_lock

Did not found the "delete circle outline" on the lists above, which has already an issue here #2309

@Ch-Lo, that's because delete-circle isn't a stock Google icon, which is what we're tracking here.

This thread is very complex and I'm working on cleaning it up. I'm locking it so new information cannot be added to it. If there is a Google Stock Icon we're missing or we have but is out-of-date, please create a new issue, one per icon. Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

buutqn picture buutqn  路  3Comments

adambiggs picture adambiggs  路  3Comments

JackDrakkar picture JackDrakkar  路  3Comments

MrGrigri picture MrGrigri  路  3Comments

jonnyborg picture jonnyborg  路  3Comments