Demo-restaurant-shift-managemnt icon customization

Event calendars & schedulers
1

I’ve downloaded custom icon sets and even tried using the default icon set.

But I am struggling with how to correctly format the icon to replace the icons in the demo.

See the icon: #x2615;#xfe0f; and icon: #127864; in the below code. (i removed some of the code here so the icons don’t render)

I’m trying to use something like the fa-user and fa-paw Font Awesome icons instead.

Thanks in advance!

var calendar;
    var resources = [{
        id: 1,
        name: 'Supervisors',
        icon: '☕️',
        children: [{
            id: 11,
            name: 'Paul S',
            color: '#1dab2f'
        }, {
            id: 12,
            name: 'Paul B',
            color: '#1dab2f'
        }, {
            id: 13,
            name: 'Mike P',
            color: '#1dab2f'
        }]
    }, {
        id: 2,
        name: 'K-9 Teams',
        icon: '🍸',
        children: [{
2

Hi @Jared_Lui :wave:

This documentation of the Icons should be helpful: https://docs.mobiscroll.com/javascript/icons.