Change toolbar button icons

[AndDev7]

Hello,
I want to add different markers on the toolbar. I'm able to do that, for example:

        var estintoreIcon = L.icon({
            shadowUrl: null,
            iconAnchor: new L.Point(12, 12),
            iconSize: new L.Point(35, 35),
            iconUrl: 'IMG/MARKER/markerEstintore.png'
        })

        var frecciaDXIcon = L.icon({
            shadowUrl: null,
            iconAnchor: new L.Point(12, 12),
            iconSize: new L.Point(35, 35),
            iconUrl: 'IMG/MARKER/markerFrecciaDX.png'
        })

        var estintoreMarker = map.pm.Toolbar.copyDrawControl('drawMarker', {
            name: "Estintore"
        })
        estintoreMarker.drawInstance.setOptions({
            markerStyle: {
                icon: estintoreIcon,
            }
        });

        var frecciaDXMarker = map.pm.Toolbar.copyDrawControl('drawMarker', {
            name: "Freccia destra"
        })
        frecciaDXMarker.drawInstance.setOptions({
            markerStyle: {
                icon: frecciaDXIcon
            }
        });

Now, in the toolbar I can see 2 draw marker buttons with same icon. Geoman add the icon with CSS:

.leaflet-pm-toolbar .leaflet-pm-icon-marker {
background-image: url(data:image/svg+xml;base64,...}

how can I customize these button background? I need to add different pictures so the user can see which marker select. Thanks for the help

[Falke-Design]

While creating the new draw control you can add another css-class:

var estintoreMarker = map.pm.Toolbar.copyDrawControl('drawMarker', {
  name: "Estintore",
  className: 'your-marker-icon-class'
})

https://github.com/geoman-io/leaflet-geoman#adding-newcustom-controls