leaflet-extra-markers/src/markers/pin-pentagon.js

Custom map markers for Leaflet JS

/**
 * @name PinPentagon
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0MSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgNDEiPiAgPHBhdGggZD0iTTIyLjQ5IDJjMS4yMSAwIDIuMzEuNzEgMi44IDEuODJsNC40NSAxMGMuMzguODYuMzQgMS44Ni0uMTEgMi43TDE1Ljg4IDQwLjQ4YTEgMSAwIDAgMS0xLjc2IDBMLjM3IDE2LjUyYTMuMDYgMy4wNiAwIDAgMS0uMS0yLjdsNC40My0xMEEzLjEgMy4xIDAgMCAxIDcuNTEgMmgxNC45OFoiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PinPentagon = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "41",
    fill: "currentColor",
    viewBox: "0 0 30 41",
  },
  [
    [
      "path",
      {
        d: "M22.49 2c1.21 0 2.31.71 2.8 1.82l4.45 10c.38.86.34 1.86-.11 2.7L15.88 40.48a1 1 0 0 1-1.76 0L.37 16.52a3.06 3.06 0 0 1-.1-2.7l4.43-10A3.1 3.1 0 0 1 7.51 2h14.98Z",
      },
    ],
  ],
];