...

type IconName =
    | 'chevron-back'
    | 'chevron-down'
    | 'chevron-forward'
    | 'chevron-left'
    | 'chevron-right'
    | 'chevron-up'
    | 'cross'
    | 'help'
    | 'minus'
    | 'plus'
    | 'star';

CSS Variables

The following CSS classes are available that allow you to bypass the Shadow DOM and customize the appearance of this component without overriding the Handlebars template:

...

The following data model is exposed to the Handlebars template:

{
  svg: string,
  url: string,
  height: string,
  width: string
}

Default Template

{{html svg}}
<svg height="{{height}}" width="{{width}}" focusable="false" aria-hidden="true" class="icon">
    <use href="{{url}}"></use>
</svg>