webawesome/docs/components/icon.md

Icon

<div style="font-size: 1rem; margin-bottom: 2rem;">
  <sl-icon name="alert-triangle"></sl-icon>
  <sl-icon name="archive"></sl-icon>
  <sl-icon name="battery"></sl-icon>
  <sl-icon name="bell"></sl-icon>
  <sl-icon name="clock"></sl-icon>
  <sl-icon name="chevron-down"></sl-icon>
  <sl-icon name="download"></sl-icon>
  <sl-icon name="file"></sl-icon>
  <sl-icon name="flag"></sl-icon>
  <sl-icon name="image"></sl-icon>
  <sl-icon name="mic"></sl-icon>
  <sl-icon name="search"></sl-icon>
  <sl-icon name="trash"></sl-icon>
  <sl-icon name="x-circle"></sl-icon>
</div>

<div style="font-size: 2rem; margin-bottom: 2rem;">
  <sl-icon name="alert-triangle"></sl-icon>
  <sl-icon name="archive"></sl-icon>
  <sl-icon name="battery"></sl-icon>
  <sl-icon name="bell"></sl-icon>
  <sl-icon name="clock"></sl-icon>
  <sl-icon name="chevron-down"></sl-icon>
  <sl-icon name="download"></sl-icon>
  <sl-icon name="file"></sl-icon>
  <sl-icon name="flag"></sl-icon>
  <sl-icon name="image"></sl-icon>
  <sl-icon name="mic"></sl-icon>
  <sl-icon name="search"></sl-icon>
  <sl-icon name="trash"></sl-icon>
  <sl-icon name="x-circle"></sl-icon>
</div>

Icons are courtesy of Feather Icons.

[component-metadata:sl-icon]