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

Custom map markers for Leaflet JS

/**
 * @name PinCircleBorder
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0MSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgNDEiPiAgPHBhdGggZD0iTTE1IDFhMTQgMTQgMCAwIDEgMTEuODMgMjEuNDlsLTExIDE4LjAyYTEgMSAwIDAgMS0xLjczIDBMMy4xNSAyMi40NUExNCAxNCAwIDAgMSAxNSAxWiIvPiAgPHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMWExNCAxNCAwIDAgMSAxMS44MyAyMS40OWwtMTEgMTguMDJhMSAxIDAgMCAxLTEuNzMgMEwzLjE1IDIyLjQ1QTE0IDE0IDAgMCAxIDE1IDFabTAgMUExMyAxMyAwIDAgMCAzLjc2IDIxLjU0di4wMWwuMjMuMzcuMDEuMDJMMTQuNTQgMzkuM2EuNS41IDAgMCAwIC44NSAwbDEwLjU4LTE3LjMzLjAyLS4wMkExMyAxMyAwIDAgMCAxNSAyWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
 * @type {Array}
 */
export const PinCircleBorder = [
  "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 1A13 13 0 0 0 3.76 21.54v.01l.23.37.01.02L14.54 39.3a.5.5 0 0 0 .85 0l10.58-17.33.02-.02A13 13 0 0 0 15 2Z",
        "clip-rule": "evenodd",
      },
    ],
  ],
];