---
{
  title: 'Iconography',
  description: 'Use the NVIDIA Elements icon set: built-in icons, sizing, color tokens, and how to register or load custom icons.',
  layout: 'docs.11ty.js'
}
---

# {{ title }}

The Iconography system builds on exposing an SVG based icon library to a the `<nve-icon>` element.

[Icon Element Documentation](./docs/elements/icon/)

<icon-demo></icon-demo>
<nve-notification-group position="bottom" alignment="end"></nve-notification-group>

<script type="module" src="/_internal/stories/icon/icon-demo.js"></script>
