leaflet-extra-markers/src/markers/point-diamond.js

Custom map markers for Leaflet JS

/**
 * @name PointDiamond
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzAiPiAgPHBhdGggZD0iTTEuMTYgMTcuOGEzLjk3IDMuOTcgMCAwIDEgMC01LjZMMTIuMiAxLjE1YTMuOTcgMy45NyAwIDAgMSA1LjYyIDBMMjguODQgMTIuMmEzLjk3IDMuOTcgMCAwIDEgMCA1LjYyTDE3LjggMjguODRhMy45NyAzLjk3IDAgMCAxLTUuNjIgMEwxLjE2IDE3LjhaIi8+PC9zdmc+)
 * @type {Array}
 */
export const PointDiamond = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "30",
    fill: "currentColor",
    viewBox: "0 0 30 30",
  },
  [
    [
      "path",
      {
        d: "M1.16 17.8a3.97 3.97 0 0 1 0-5.6L12.2 1.15a3.97 3.97 0 0 1 5.62 0L28.84 12.2a3.97 3.97 0 0 1 0 5.62L17.8 28.84a3.97 3.97 0 0 1-5.62 0L1.16 17.8Z",
      },
    ],
  ],
];