toolIcon String (default: null)

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>

Example

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