Our full range of icon sets include illustrative icons, functional UI icons and third party share icons.

Brand Icons (Illustrative)

Use brand icons judiciously to enhance visual communication of concepts.

Line weight of brand icons should be adjusted based on the size of the icon to maintain the integrity of the shape. The stroke weights listed below are added on top of the base brand icon, and can be implemented with CSS on the SVGs.

Base Artwork

Use brand icons judiciously to enhance visual communication of concepts.

Line weight of brand icons should be adjusted based on the size of the icon to maintain the integrity of the shape. The stroke weights listed below are added on top of the base brand icon, and can be implemented with CSS on the SVGs.

Green Illustrative Icons

This icon treatment is used in our Icon Hero component.

Properties

Circle Size
144 x 144 px
Circle Color
$digital-green
Icon Bounding Box Size
112 x 112 px
Icon Stroke Color
$white
Icon Stroke Width
1

Orange Illustrative Icons

This icon treatment is used in our Icon Block component.

Properties

Circle Size
88 x 88 px
Circle Color
$cigna-orange-logo
Icon Bounding Box Size
72 x 72 px
Icon Stroke Color
$white
Icon Stroke Width
.5

Blue Illustrative Icons

This icon treatment is used in our Featured Topic Grid and Icon Teaser components.

Functional Icons

Functional icons are the small but important graphic elements that provide common and recognizable cues to how the site will perform. Contact the Digital Standards team if you need access to the set of icon files.

Used in Alerts

Used in Action Links

Used in Share Buttons

Icon Library