New to Kendo UI for Vue? Start a free 30-day trial

Customizing Icon

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-icon-sizeNumber1rem16px
Description
Font size of the icons.
$kendo-icon-size-mdNumber1rem16px
Description
Font size of the icons.
$kendo-icon-size-lgCalculation1.25remcalc(16px * 1.25)
Description
Font size of the large icons.
$kendo-icon-spacingStringk-spacing(1)k-spacing(2)
Description
Spacing around the icons.

In this article

Not finding the help you need?