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
• Guidelines for Material Symbols
• Guidelines for custom icons

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.

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.

For more examples of custom icons, search the MyUW app for the ShopUW+, Canvas, or Lumen tiles.