leaflet-extra-markers
Version:
Custom map markers for Leaflet JS
33 lines (32 loc) • 2.02 kB
JavaScript
/**
* @name PointPentagonBorder
* @preview 
* @type {Array}
*/
export const PointPentagonBorder = [
"svg",
{
xmlns: "http://www.w3.org/2000/svg",
width: "30",
height: "30",
fill: "currentColor",
viewBox: "0 0 30 30",
},
[
[
"path",
{
d: "M21.72 2a4.14 4.14 0 0 1 3.93 2.76l4.15 12.36a3.93 3.93 0 0 1-1.5 4.48l-10.87 7.64a4.25 4.25 0 0 1-4.86 0L1.7 21.6a3.93 3.93 0 0 1-1.5-4.48L4.35 4.77A4.12 4.12 0 0 1 8.28 2h13.44Z",
},
],
[
"path",
{
fill: "#fff",
"fill-rule": "evenodd",
d: "M21.72 2a4.14 4.14 0 0 1 3.93 2.76l4.15 12.36a3.93 3.93 0 0 1-1.5 4.48l-10.87 7.64a4.25 4.25 0 0 1-4.86 0L1.7 21.6a3.93 3.93 0 0 1-1.5-4.48L4.35 4.77A4.12 4.12 0 0 1 8.28 2h13.44ZM8.28 3C7 3 5.86 3.75 5.38 4.86l-.08.22-4.15 12.36a2.93 2.93 0 0 0 1.13 3.34l10.87 7.64c1.1.77 2.6.77 3.7 0l10.87-7.64a2.93 2.93 0 0 0 1.13-3.34L24.7 5.08A3.12 3.12 0 0 0 21.72 3H8.28Z",
"clip-rule": "evenodd",
},
],
],
];