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

Custom map markers for Leaflet JS

/**
 * @name PointCircleBorder
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzAiPiAgPHBhdGggZD0iTTE1IDFhMTQgMTQgMCAxIDEgMCAyOCAxNCAxNCAwIDAgMSAwLTI4WiIvPiAgPHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMWExNCAxNCAwIDEgMSAwIDI4IDE0IDE0IDAgMCAxIDAtMjhabTAgMWExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PointCircleBorder = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "30",
    fill: "currentColor",
    viewBox: "0 0 30 30",
  },
  [
    ["path", { d: "M15 1a14 14 0 1 1 0 28 14 14 0 0 1 0-28Z" }],
    [
      "path",
      {
        fill: "#fff",
        "fill-rule": "evenodd",
        d: "M15 1a14 14 0 1 1 0 28 14 14 0 0 1 0-28Zm0 1a13 13 0 1 0 0 26 13 13 0 0 0 0-26Z",
        "clip-rule": "evenodd",
      },
    ],
  ],
];