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

Defines the font icon name for the File Select button.

Set this option to an icon descriptor such as { name: "gear", variant: "outline" }. The variant can be outline, solid, or duotone; it applies to SVG rendering and is ignored for font icons.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    fileSelectButton: {
        icon: "folder-open"
    },
    placeholder: "Custom file icon..."
});
</script>

The name of the SVG icon.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    fileSelectButton: {
        icon: {
            name: "folder-open"
        }
    },
    placeholder: "Custom file icon..."
});
</script>

The SVG icon variant. Supported values are outline, solid, and duotone. The variant applies to SVG rendering and is ignored for font icons.

<div id="promptbox"></div>
<script>
$("#promptbox").kendoPromptBox({
    fileSelectButton: {
        icon: {
            name: "folder-open",
            variant: "outline"
        }
    },
    placeholder: "Custom file icon..."
});
</script>