Skip to content

Icon

aidsgn-icon renders a small built-in SVG synchronously and inherits the surrounding text color and size. It is decorative by default.

<aidsgn-icon name="check"></aidsgn-icon>

Leave label unset when nearby text or the containing control already supplies the meaning. For the uncommon standalone meaningful icon, provide a concise label:

<aidsgn-icon name="warning" label="Warning"></aidsgn-icon>

The default size is 1em. Change font-size on the host for text-relative sizing, or set --aidsgn-icon-size for an explicit local override. For large product-specific sets, multicolor artwork, or critical graphics that must appear before custom elements upgrade, use an authored SVG or image asset instead.