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

Custom map markers for Leaflet JS

/**
 * @name PinDiamond
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0MSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgNDEiPiAgPHBhdGggZD0iTTEyLjIgMS4xNmEzLjk3IDMuOTcgMCAwIDEgNS42IDBMMjguODUgMTIuMmEzLjk5IDMuOTkgMCAwIDEgLjM5IDUuMTZMMTUuOTMgNDAuNGExIDEgMCAwIDEtMS44My4wNUwuNjkgMTcuMjRhMy45NyAzLjk3IDAgMCAxIC40Ny01LjA1TDEyLjIgMS4xNloiLz48L3N2Zz4=)
 * @type {Array}
 */
export const PinDiamond = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "41",
    fill: "currentColor",
    viewBox: "0 0 30 41",
  },
  [
    [
      "path",
      {
        d: "M12.2 1.16a3.97 3.97 0 0 1 5.6 0L28.85 12.2a3.99 3.99 0 0 1 .39 5.16L15.93 40.4a1 1 0 0 1-1.83.05L.69 17.24a3.97 3.97 0 0 1 .47-5.05L12.2 1.16Z",
      },
    ],
  ],
];