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

Custom map markers for Leaflet JS

/**
 * @name ChipCirclePanel
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMyIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzMiPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMWExNCAxNCAwIDAgMSA5LjggMjRsLTYuMTcgNi40NGE0Ljk5IDQuOTkgMCAwIDEtNy4yNiAwTDUuMiAyNUExNCAxNCAwIDAgMSAxNSAxWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+ICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxYTE0IDE0IDAgMCAxIDkuOCAyNGwtNi4xNyA2LjQ0YTQuOTkgNC45OSAwIDAgMS03LjI2IDBMNS4yIDI1QTE0IDE0IDAgMCAxIDE1IDFabTAgMmExMiAxMiAwIDEgMCAwIDI0IDEyIDEyIDAgMCAwIDAtMjRaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
 * @type {Array}
 */
export const ChipCirclePanel = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "33",
    fill: "currentColor",
    viewBox: "0 0 30 33",
  },
  [
    [
      "path",
      {
        "fill-rule": "evenodd",
        d: "M15 1a14 14 0 0 1 9.8 24l-6.17 6.44a4.99 4.99 0 0 1-7.26 0L5.2 25A14 14 0 0 1 15 1Z",
        "clip-rule": "evenodd",
      },
    ],
    [
      "path",
      {
        fill: "#fff",
        "fill-rule": "evenodd",
        d: "M15 1a14 14 0 0 1 9.8 24l-6.17 6.44a4.99 4.99 0 0 1-7.26 0L5.2 25A14 14 0 0 1 15 1Zm0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Z",
        "clip-rule": "evenodd",
      },
    ],
  ],
];