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
string
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.