Skip to main content

Media and Icons

Avatar​

The design system contains three types of avatars and can display an indicator badge.

  • Image
  • Default
  • Initials

Icons​

Line​

Line icons are largely sourced from the Lucide open source icon library. We created new icons where Lucide icons don't work or don't exist, and plan to contribute them back to the community.

Emoji​

We use Noto Emoji, an open source emoji project run by Google. In our designs, We leverage the Noto Emoji Library community Figma file created by the Chaos Reactor CPO Lauren Golembiewski.

Logo images used to represent the Chaos Reactor brand as well as other brands we integrate with or link to. We leverage the Simple Icons project for other company logos.

Loader​

Created an inital loader with the LottieFiles plugin which has a lot of Lottie supported loaders that can be customized. I grabbed one I thought would work well until we have more time to tie in animation to the branding.