How to

The menu will appear on the left with new set of arrows.

$(document).ready(function () {
    $('#test').BootSideMenu({
        side: 'left',
        icons:{
            left:'fa fa-arrow-left',
            right:'fa fa-arrow-right',
            down:'fa fa-arrow-down'
        }
    });
});

You need to embed Fontawesome (or whatever you want) library in your project:

icons:{
    left:'fa fa-arrow-left',
    right:'fa fa-arrow-right',
    down:'fa fa-arrow-down'
}
                    

After changing the arrows icon, you may also need to change the color. Try one of the predefined themes or easily create your own. See the example.