USPS Icon Usage & Standards
Usage
Icons are visual representations of USPS® products, services, features, and actions.
- Icons Come in 3 Basic Sizes. Small, Standard, and Large. Plus XSm and XLg for specific use cases.
- Use the Proper Weight and Sizing. Make sure all icons on a page have the same size ratio.
- Use Only for Their Intended Purpose. USPS.com icons are tied to specific USPS products, services, features, and actions.
- Don't Overuse Them. Not everything needs an icon.
- Tag Them Correctly. Icons require tagging to meet Section 508.
What Not-to-Do:
- Don't Mix and Match Icon Sizes.
- Don't Create Your Own Icons, including resizing. All icons must go through the USPS legal approval process before implementation. If you can't find what you're looking for, contact the USPS Digital CCB.
Icon Sizing & Color Standards
The USPS design system uses icons that are square and rectangular (horizontal and vertical orientations). Sizing is based on the tallest/widest dimention of the icon.
Rectangular (Horizontal) Icon Size Scale
XSm
16px
Sm
24px
Med
32px
Lg
48px
XLg
64px
Rectangular (Vertical) Icon Size Scale
XSm
16px
Sm
24px
Med
32px
Lg
48px
XLg
64px
Square Icon Size Scale
Square icon symbols have equal height and width. Size dimension applies to height and width.
XSm
16px
Sm
24px
Med
32px
Lg
48px
XLg
64px
Icon Color Standards
Default icon state - USPS Digital Blue #333366
Success icon state - USPS Digital Green #218748 use only with select icons and in specific instances
Failure icon state - USPS Digital Red #E7192 use only with select icons and in specific instances
Warning icon state - Dark yellow #bf870b use only with select icons and in specific instances
Gray icon state - USPS Digital Dark Gray #595959 use only with select icons and in specific instances
