collapseIcon String(default: "minus")

Sets the icon for the header of the collapsible widget when it is in a collapsed state.

    <div id="home" data-role="view">
        <div id="collapsible" data-role="collapsible" data-collapse-icon="arrow-up" data-expand-icon="arrow-down">
            <h2>Header</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
    </div>


    <script>
        var app = new kendo.mobile.Application();
    </script>

    <style>
        /*
            define custom icon names, full list of available icons can be found at:
            https://docs.telerik.com/kendo-ui/mobile/icons
        */
        .km-arrow-up:after,
        .km-arrow-up:before {
            content: "\e011";
        }

        .km-arrow-down:after,
        .km-arrow-down:before {
            content: "\e012";
        }
    </style>
In this article