Icons
All of our icons are defined by a single svg path and are constrained to icon sizes 16px
24px
32px
Our icons communicate messages at a glance, afford interactivity, and draw attention to important information. We
categorize some of our icons Wayfinding, Media controls, and Social that has guidance around their use.
Sizing
Types
Wayfinding
Wayfinding icons are used to act as an affordance to the user's action on a link or button.
Copy SVG
chevron right
Copy SVG
chevron left
Copy SVG
chevron up
Copy SVG
chevron down
Copy SVG
arrow right
Copy SVG
arrow left
Copy SVG
arrow down
Copy SVG
arrow up
Media Controls
Icons that are used to represent actions a user can take on media elements.
Copy SVG
fullscreen outline
Copy SVG
play
Copy SVG
pause
Copy SVG
back 15
Copy SVG
forward 15
Social
Social media icons.
Copy SVG
Copy SVG
Copy SVG
twitch
Copy SVG
youtube
Copy SVG
Copy SVG