leaflet-extra-markers
Version:
Custom map markers for Leaflet JS
33 lines (32 loc) • 1.79 kB
JavaScript
/**
* @name PinDiamondBorder
* @preview 
* @type {Array}
*/
export const PinDiamondBorder = [
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "30",
height: "41",
fill: "currentColor",
viewBox: "0 0 30 41",
},
[
[
"path",
{
d: "M12.2 1.16a3.97 3.97 0 0 1 5.6 0L28.85 12.2a3.99 3.99 0 0 1 .39 5.16L15.93 40.4a1 1 0 0 1-1.83.05L.69 17.24a3.97 3.97 0 0 1 .47-5.05L12.2 1.16Z",
},
],
[
"path",
{
fill: "#fff",
"fill-rule": "evenodd",
d: "M12.2 1.16a3.97 3.97 0 0 1 5.6 0L28.85 12.2a3.99 3.99 0 0 1 .39 5.16L15.92 40.4a1 1 0 0 1-1.82.05L.69 17.24a3.97 3.97 0 0 1 .47-5.05L12.2 1.16Zm4.9.7a2.97 2.97 0 0 0-4.2 0L1.87 12.9a2.97 2.97 0 0 0-.36 3.77l.03.03.02.04 13 22.5a.5.5 0 0 0 .87 0l12.93-22.39.03-.05.03-.04c.86-1.16.76-2.8-.29-3.86L17.1 1.87Z",
"clip-rule": "evenodd",
},
],
],
];