Material-design-icons: Some Material Icons render weird on windows 10

Created on 10 Jul 2020  路  4Comments  路  Source: google/material-design-icons

OS: Windows 10 Pro (x64) 10.0.18362 Build 18362
Browser: Chrome v83.0.4103.116 (64-Bit)

Some icons look very different on windows to how they look on MacOS or Linux.
The ones that spotted are the following:

  • list
  • timeline
  • dynamic_feed
  • directions_railway
  • local_fire_department

image

Most helpful comment

Problem still persists in v4, but seems to be limited just to the sharp icon variants.

4F945EFA-32C8-41F1-8D3A-13694958A7EB

All 4 comments

This issue seems oddly specific to Windows 10 (works fine on macOS). I was able to verify using a variety of browsers.

  • Chrome 85.0.4183.102 (64-bit)
  • Microsoft Edge 44.17763.831.0
  • Firefox 80.0.1 (64-bit)

I also noticed a few other icons that seemed to have the same issue.

  • info_outline
  • system_update_alt

win10-mat-icons

@maxmedina05
Did you see the v4.0.0 release by chance? It has updated icons. 馃

Our team is going to try those out and see if it resolves the issue. (bonus is now these fonts can come from npm! 馃帀 )

Problem still persists in v4, but seems to be limited just to the sharp icon variants.

4F945EFA-32C8-41F1-8D3A-13694958A7EB

Facing this issue with round icons as well (group, timeline, list, local_fire_department) using

<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Two+Tone" rel="stylesheet" />

Windows 10 Enterprise, 1703, 15063.296
Chrome 87.0.4280.88

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

aleigood picture aleigood  路  4Comments

lorenzos picture lorenzos  路  3Comments

max picture max  路  3Comments

andrey-helldar picture andrey-helldar  路  4Comments

phidias51 picture phidias51  路  4Comments