New to Kendo UI for Angular? Start a free 30-day trial
Appearance
Updated on Jan 22, 2026
The Icon provides various styling options that are related to its appearance.
Theme Color
In terms of the current theme, you can apply predefined theme colors to the Icon by using the themeColor property. To apply custom colors to the Icon, style it with CSS.
The following example demonstrates the available themeColor values and custom color options.
Change Theme
Theme
Loading ...
Size
You can apply predefined size options to the Icon by using the size property. To apply custom sizes to the Icon, style it with CSS.
The following example demonstrates the available size values and custom size options.
Change Theme
Theme
Loading ...
Orientation
The Icon allows you to invert it through an axis in different directions by using the flip property.
The following example demonstrates the available flip values.
Change Theme
Theme
Loading ...