IconComponent

Represents the Kendo UI Icon component for Angular.

Selector

kendo-icon

Export Name

Accessible in templates as #kendoIconInstance="kendoIcon"

Inputs

flip

Flips the icon horizontally, vertically or in both directions.

name

Defines the name for an existing icon in a Kendo UI theme, which will be rendered. All Kendo UI Icons are supported.

size

Specifies the size of the Icon.

The possible values are:

• default (Default) (Font-size: 16px; Width: 16px; Height: 16px)
• xsmall (Font-size: 8px; Width: 8px; Height: 8px;)
• small (Font-size: 12px; Width: 12px; Height: 12px;)
• medium (Font-size: 32px; Width: 32px; Height: 32px;)
• large (Font-size: 48px; Width: 48px; Height: 48px;)
• xlarge (Font-size: 64px; Width: 64px; Height: 64px;)

themeColor

Specifies the theme color for the Icon.

The possible values are:

• inherit (Default)—Applies coloring based on the current color.
• primary —Applies coloring based on primary theme color.
• secondary—Applies coloring based on secondary theme color.
• tertiary— Applies coloring based on tertiary theme color.
• info—Applies coloring based on info theme color.
• success— Applies coloring based on success theme color.
• warning— Applies coloring based on warning theme color.
• error— Applies coloring based on error theme color.
• dark— Applies coloring based on dark theme color.
• light— Applies coloring based on light theme color.
• inverse— Applies coloring based on inverse theme color.