Leaflet.awesome-markers icon indicating copy to clipboard operation
Leaflet.awesome-markers copied to clipboard

FontAwesome 5 SVGs

Open pikesley opened this issue 6 years ago • 3 comments

FontAwesome 5 SVGs don't work out-the-box. I hacked it, though:

https://gist.github.com/pikesley/0197f9ea8aff737e6b80c945f741d584

pikesley avatar Apr 02 '18 11:04 pikesley

this didn't work for me, when I do prefix: fa icon: info-circle and extraClasses: fas it makes the class fas fa fa-info-circle which doesn't work because there is an extra fa

KristopherWagner avatar Apr 25 '18 18:04 KristopherWagner

FontAwesome 5 SVGs don't work out-the-box. I hacked it, though:

Thanks! This works. :-)

KristjanESPERANTO avatar Mar 22 '19 15:03 KristjanESPERANTO

this didn't work for me, when I do prefix: fa icon: info-circle and extraClasses: fas it makes the class fas fa fa-info-circle which doesn't work because there is an extra fa

In addition to that you have to adapt leaflet.awesome-markers.js to get rid of the additional 'fa' from:

return "<i " + iconColorStyle + "class='" + options.extraClasses + " " + options.prefix + " " + iconClass + " " + iconSpinClass + " " + iconColorClass + "'></i>";

to (delete options.prefix)

return "<i " + iconColorStyle + "class='" + options.extraClasses + " " + iconClass + " " + iconSpinClass + " " + iconColorClass + "'></i>";

Arch4060 avatar Jan 15 '20 16:01 Arch4060