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

Icon

configuration

Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the Button. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icon Button article.

icon

String

<button id="button" type="button">Cancel</button>
<script>
$("#button").kendoButton({
    icon: "cancel"
});
</script>

<button id="button" type="button">
    <span class="k-icon"></span> Cancel
</button>
<script>
$("#button").kendoButton({
    icon: "cancel"
});
</script>