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

Custom map markers for Leaflet JS

/**
 * @name PointSquareBorder
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzAiPiAgPHBhdGggZD0iTTI0IDJhNCA0IDAgMCAxIDQgNHYxOGE0IDQgMCAwIDEtNCA0SDZhNCA0IDAgMCAxLTQtNFY2YTQgNCAwIDAgMSA0LTRoMThaIi8+ICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCAyYTQgNCAwIDAgMSA0IDR2MThhNCA0IDAgMCAxLTQgNEg2YTQgNCAwIDAgMS00LTRWNmE0IDQgMCAwIDEgNC00aDE4Wk02IDNhMyAzIDAgMCAwLTMgM3YxOGEzIDMgMCAwIDAgMyAzaDE4YTMgMyAwIDAgMCAzLTNWNmEzIDMgMCAwIDAtMy0zSDZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PointSquareBorder = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "30",
    fill: "currentColor",
    viewBox: "0 0 30 30",
  },
  [
    [
      "path",
      {
        d: "M24 2a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h18Z",
      },
    ],
    [
      "path",
      {
        fill: "#fff",
        "fill-rule": "evenodd",
        d: "M24 2a4 4 0 0 1 4 4v18a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h18ZM6 3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Z",
        "clip-rule": "evenodd",
      },
    ],
  ],
];