IssueRaiser

Support Material Symbols (Icon v2)

### Summary πŸ’‘ Google has recently introduced a new major iteration on their icon system: Material Symbols: https://material.io/blog/introducing-symbols. This is an awesome new iteration on their icon system, and more importantly, they have made it the default! Proof https://fonts.google.com/icons. This new iteration seems much better. <img width="253" alt="Screenshot 2022-05-21 at 17 00 35" src="https://user-images.githubusercontent.com/3165635/169657301-fd979b27-bea7-4652-83e5-4f8a454e8ef9.png"> For SVGs, we might be able to implement the weight with the `stroke-width` attribute, see: https://feathericons.com/ but we might have to build these SVGs ourselves: https://github.com/google/material-design-icons/issues/1360. ### Examples 🌈 - https://developers.google.com/fonts/docs/material_symbols - https://github.com/angular/components/issues/24845 - https://github.com/google/material-design-icons ### Motivation πŸ”¦ We will need to update our icons to reflect this change, both for font and SVG icons. It's an important step forward in terms of icon

Posted by oliviertassinari on May 21, 2022, 3:03 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.2,500 issues0 comments

support (Software)

Support Material Symbols (Icon v2)

oliviertassinariMay 21, 2022, 3:03 PM

### Summary πŸ’‘ Google has recently introduced a new major iteration on their icon system: Material Symbols: https://material.io/blog/introducing-symbols. This is an awesome new iteration on their icon system, and more importantly, they have made it the default! Proof https://fonts.google.com/icons. This new iteration seems much better. <img width="253" alt="Screenshot 2022-05-21 at 17 00 35" src="https://user-images.githubusercontent.com/3165635/169657301-fd979b27-bea7-4652-83e5-4f8a454e8ef9.png"> For SVGs, we might be able to implement the weight with the `stroke-width` attribute, see: https://feathericons.com/ but we might have to build these SVGs ourselves: https://github.com/google/material-design-icons/issues/1360. ### Examples 🌈 - https://developers.google.com/fonts/docs/material_symbols - https://github.com/angular/components/issues/24845 - https://github.com/google/material-design-icons ### Motivation πŸ”¦ We will need to update our icons to reflect this change, both for font and SVG icons. It's an important step forward in terms of icon

Comments (0)

No comments yet. Start the discussion.

Comment on this issue