Icons

The files noted here are scalable vector icons. These designs are intended to achieve a consistent look and feel across CBP products. Where applicable, use the “CBP Recommended Icons” first before seeking alternatives.

Attention - We are currently troubleshooting known technical issues relating to Internet Explorer’s inability to show icons internally.

Colors and Sizes

Icons should always be one solid color—black, white, or a Primary Color— and can stand alone or be placed in contrasting color circles.

When scaling icons, ensure the sizes used appear sharp on standard and high DPI screens.

Usage

• Your application and audience may benefit from other methods of serving icons
• The method used for dynamically scaling icons is dependent on the method used for serving icons
• The method used for coloring icons is dependent on the method used for serving icons
• For increased performance, create icon bundles containing only used icons

The style guide uses Font Awesome 4.4.0. See Font Awesome Icons full list of icons and examples.

CBP Universal Icons

Where applicable, use these icons first before seeking alternatives.

To recommend a Universal Icon, create an issue on Github with your suggestion.