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

ToolIcon

configuration

A CSS class name to display an icon in the color picker button. If specified, the HTML for the element will look like this:

<span class="k-tool-icon ${toolIcon}">
  <span class="k-selected-color"></span>
</span>

String

Default: null

<input id="colorpicker" type="color" />
<script>
$("#colorpicker").kendoColorPicker({
  toolIcon: "k-foreColor"
});
</script>