MyUW - Using icons to customize content
Overview
MyUW utilizes icons in a variety of design components to help users quickly identify important content or find information that's most relevant to them. The application supports both the Material Symbols icon library and custom icons as long as they meet certain specifications outlined in this document.
This document includes...
Where icons display in MyUW
If you're working with the team to add content to MyUW, icons can be added to in-app banner messages or within different tile layouts. The team will work with you to choose the most appropriate icon that also aligns with UW brand standards.
Example of icons within different tile layouts
Example of an icon within a banner message
Guidelines for Material Symbols
Material Symbols is a large open source icon library created and maintained by Google. MyUW does not currently support customizations to these icons like color, fill, weight, grade, optical size, etc.
We can do this
Default Material Symbols icons
We can't do this
Customized Material Symbols
Guidelines for custom icons
We recommend Material Symbol icons for most scenarios, but also understand that groups may have specific requirements like a custom logo. Custom icons must meet the following criteria:
- Icons must be an.SVG file type to ensure no loss of quality across different screen sizes.
- Not custom brand colors can be applied; MyUW will convert logos to gray scale and icons to UW branding.
We can do this
We can't do this
For more examples of custom icons, search the MyUW app for the ShopUW+, Canvas, or Lumen tiles.