Icon library

PATTERN OVERVIEW

170 brand-approved icons are available in a single color format (Black, Accessible orange or White). The system of icons was developed by the brand team in collaboration with the Common UX council to represent our health services business and its differentiators of people, technology, data and action.

Note: Recent updates to the brand icongraphy are not yet available for use within the AEM icon picker component. 

Guidelines

• See the brand guidelines to learn about the Iconography.
  
• Icons can be an effective way to highlight key concepts and add visual interest to a page. 
• Use the icon picker component to insert the icon rather than using a JPEG/PNG image of the icon since the icon picker provides a superior vector format that is crisper and reduces page load time.
• White icons can appear on a White, Dark Gray or Off Black background color.
  
• Black icons can appear on a White or Off White background color.
• Accessible orange icons can appear on a White, Off White, Off Black or Black background color.
• Do not use an Accessible orange icons with a button link.

AEM Component: Use the "Icon picker new (V2)" component to add an icon to a page. 

Options

Color: Black, Accessible orange (#ce4b27) or White

Size: 10 sizes ranging from 18 px to 65 pxs

Icon alignment: Left aligned, right aligned or centered