CircleCI: Iconography
As part of the brand refresh in 2019, I revamped the entire icon library and added illustrations to the CirceCI design system. These icons are based on simple geometric shapes and strokes. I created these icons and spot illustrations with simple shapes, clean lines, and limited color to make them easy to digest. Many of the icons are generic and can represent a variety of ideas.
Icon Framework
To give us some flexibility, I developed degrees of complexity for our icon system. Depending on the use cases, the treatment ranges from simple strokes to complex ones that carry further detail.
Animated Icons
Icons are also used in video opening card for moments of delight. Full video here.
System Diagram