Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

Class IgcIconComponent

The icon component allows visualizing collections of pre-registered SVG icons.

Element

igc-icon

Hierarchy

Hierarchy

  • SizableInterface<this> & LitElement<this>
    • IgcIconComponent

Constructors

Properties

Methods

Constructors

constructor

Properties

collection

collection: string = 'default'

The name of the registered collection for look up of icons. Defaults to default.

Attr

mirrored

mirrored: boolean = false

Whether to flip the icon. Useful for RTL layouts.

Attr

name

name: string = ''

The name of the icon glyph to draw.

Attr

size

size: "small" | "medium" | "large"

Determines the size of the component.

Attr

Deprecated

  • since v4.5.0. Use the --ig-size CSS custom property instead.

Static styles

styles: CSSResult = styles

Static Readonly tagName

tagName: "igc-icon" = 'igc-icon'

Methods

connectedCallback

disconnectedCallback

Static register