Website Banner Icons

Available by default in the SpryUI app

<!-- Bootstrap Icons example -->
<span class="bi bi-bell-fill" aria-hidden="true"></span>
<span class="bi bi-check-circle-fill" aria-hidden="true"></span>
<span class="bi bi-exclamation-triangle-fill" aria-hidden="true"></span>

The SpryUI app loads Bootstrap Icons globally, so bi bi-* class names work in dashboard previews and default dashboard previews without extra setup.

Banner icon behavior

• Banner composer controls should use SpryUI's built-in icon choices when icon support is added.
• Keep icons decorative with aria-hidden="true" when the message text already communicates the meaning.
• Links and copy stay in the banner rich text content.

Other icon libraries

SpryUI does not automatically bundle Font Awesome, Lucide, Heroicons, or other class-based icon libraries into the runtime. If your host page uses those libraries elsewhere, load their CSS or webfont assets from your own site.

For per-message icon changes, use the app-provided icon controls when they are available.