Usage Guidelines

Do

  • Use the variant that matches the background mode (light on light backgrounds, dark on dark backgrounds)
  • Maintain consistent sizing within contexts
  • Keep icons unmodified (no effects, fills, or distortion)
  • Ensure adequate spacing around icons

Don't

  • Don't use a dark-mode icon on a light background (or vice versa)
  • Don't add shadows, glows, or gradients
  • Don't stretch or distort icons
  • Avoid low-contrast placements

Implementation

HTML

<img src="/api/assets/icons/theme-icons/light/icon_add_plus.svg"
     alt="Add plus icon"
     width="24"
     height="24" />

Download Both Variants

<a href="/api/assets/icons/theme-icons/light/icon_add_plus.svg" download="icon_add_plus.light.svg">Light</a>
<a href="/api/assets/icons/theme-icons/dark/icon_add_plus.svg" download="icon_add_plus.dark.svg">Dark</a>
Style
Theme