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

Custom map markers for Leaflet JS

/**
 * @name PointPentagon
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzAiPiAgPHBhdGggZD0iTTIxLjcyIDJhNC4xNCA0LjE0IDAgMCAxIDMuOTMgMi43Nmw0LjE1IDEyLjM2YTMuOTMgMy45MyAwIDAgMS0xLjUgNC40OGwtMTAuODcgNy42NGE0LjI1IDQuMjUgMCAwIDEtNC44NiAwTDEuNyAyMS42YTMuOTMgMy45MyAwIDAgMS0xLjUtNC40OEw0LjM1IDQuNzdBNC4xMiA0LjEyIDAgMCAxIDguMjggMmgxMy40NFoiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PointPentagon = [
  "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",
      },
    ],
  ],
];