Integrate Material Symbols
- Gabriel Weinberg
status:READY FOR REVIEW status:Design COMPLETE status:IMPLEMENTATION PENDING
Contributors | @Gabriel Weinberg (Deactivated) |
|---|---|
Slack channel | |
Paragon Jira ticket | |
Other Jira tickets | |
Design resources | https://fonts.google.com/icons?icon.set=Material+Symbols&icon.style=Sharp |
Technical docs |
Design
Material Symbols and Icons - Google Fonts
Variants
None
Best Practices
Do | Continue to add Icons to Paragon Figma on an as-needed basis. Make sure Icons are sized 24x24 before publishing them to Paragon Figma. Use the Material Symbols website to configure and download icons as design assets for Paragon Figma. |
Don't | Don’t use the old material icons Figma file Don’t paste icons directly into your Figma designs—use the Paragon library. If you don’t see the icon you want, publish it to the Paragon Figma library first. |
Related Components
https://paragon-openedx.netlify.app/foundations/icons/
Specification
What does an engineer need to know in order to build this component?
Behaviors
24x24 is the default size Can be used in other components such as IconButton, Button, etc. |
Accessibility
Should follow the same guidelines that we have for icons today. |
Notes
Notes from collaborator conversations or meetings regarding this component.
What will it take to make this happen technically?
It is a much larger library and creates build performance issues in netlify.
Technical discovery needed to understand build issues better and find a solution