`<dj-icon>`

A presentational icon.

Supply a glyph in one of two ways: set type to the name of an icon registered with registerIcon or registerIcons, or slot an inline <svg>.

npm install @dojo-ng/icon

import "@dojo-ng/icon";

Accessibility

Set alt-text when the icon carries meaning. It becomes the accessible name.
Without alt-text, the icon is hidden from assistive technology (aria-hidden).

A registered SVG must have a viewBox. dj-icon sizes a glyph by stretching it to fill the icon box, and an <svg> scales its artwork only when it has a viewBox.
An SVG without a viewBox gets a box of the right size, but its artwork is clipped or not scaled. registerIcon and registerIcons log one console warning for each such icon, and they do not change the SVG.
dj-icon's own sizing overrides any width or height attributes on a registered SVG.
A slotted inline <svg> follows the same rules.

Property	Attribute	Type	Default
`type`Registered icon name; resolved to an inline SVG from the icon registry.	`type`	`string`	`""`
`size`Size modifier.	`size` reflected	`"small""medium""large"`	None
`altText`Visually-hidden label; when set, the icon is exposed to assistive tech.	`alt-text`	`string`	None

Default slot

Style these with dj-icon::part(name).

base

Property	Default	Description
`--dj-icon-color`	`currentColor`	Icon color.