Icon

Available as: Web ComponentShortcodeOxygen Element

Wrapper component for different kinds of icon sets. Currently comes included with Ionicons.

<spx-icon icon="cube"></spx-icon> <spx-icon icon="cube-outline"></spx-icon> <spx-icon icon="extension-puzzle"></spx-icon> <spx-icon icon="extension-puzzle-outline"></spx-icon>

Properties

color

Type: stringDefault: 'inherit'CSS variable: --spx-icon-color

Component color property.

icon

Type: string

Icon code.

size

Type: stringDefault: '1em'

Icon size.

size-max

Type: numberDefault: 1

size-min

Type: numberDefault: 0.8

styling

Type: stringDefault: 'default'Choices: 'default', 'fluid'

Styling.

type

Type: stringDefault: 'ionicons'Choices: 'ionicons', 'caret'

Icon type.

Events

spxIconDidLoad

Fires after component has loaded.