leaflet-extra-markers/src/markers/pin-circle-panel.js

Custom map markers for Leaflet JS

/**
 * @name PinCirclePanel
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0MSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgNDEiPiAgPHBhdGggZD0iTTE1IDFhMTQgMTQgMCAwIDEgMTEuODMgMjEuNDlsLTExIDE4LjAyYTEgMSAwIDAgMS0xLjczIDBMMy4xNSAyMi40NUExNCAxNCAwIDAgMSAxNSAxWiIvPiAgPHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMWExNCAxNCAwIDAgMSAxMS44MyAyMS40OWwtMTEgMTguMDJhMSAxIDAgMCAxLTEuNzMgMEwzLjE1IDIyLjQ1QTE0IDE0IDAgMCAxIDE1IDFabTAgMmExMiAxMiAwIDEgMCAwIDI0IDEyIDEyIDAgMCAwIDAtMjRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PinCirclePanel = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "41",
    fill: "currentColor",
    viewBox: "0 0 30 41",
  },
  [
    [
      "path",
      {
        d: "M15 1a14 14 0 0 1 11.83 21.49l-11 18.02a1 1 0 0 1-1.73 0L3.15 22.45A14 14 0 0 1 15 1Z",
      },
    ],
    [
      "path",
      {
        fill: "#fff",
        "fill-rule": "evenodd",
        d: "M15 1a14 14 0 0 1 11.83 21.49l-11 18.02a1 1 0 0 1-1.73 0L3.15 22.45A14 14 0 0 1 15 1Zm0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Z",
        "clip-rule": "evenodd",
      },
    ],
  ],
];