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

Custom map markers for Leaflet JS

/**
 * @name TackDiamond
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzNSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgMzUiPiAgPHBhdGggZD0iTTEyLjIgMS4xNmEzLjk3IDMuOTcgMCAwIDEgNS42IDBMMjguODQgMTIuMmEzLjk3IDMuOTcgMCAwIDEgLjE2IDUuNDVsLS4yLjJMMTguNDUgMjguMmEzIDMgMCAwIDAtLjcgMS4xMmwtMS43NyA0Ljk0LS4wMi4wNi0uMDEuMDN2LjAxbC0uMDIuMDMtLjAyLjA3LS4wMS4wMS0uMDIuMDMtLjAxLjAydi4wMWwtLjA3LjA3di4wMmwtLjAyLjAxYTEgMSAwIDAgMS0uNjcuMzZsLS4xMi4wMWExIDEgMCAwIDEtLjkxLS42NHYtLjAxbC0xLjgtNS4wNGEzIDMgMCAwIDAtLjYtLjk5bC0uMTEtLjEyLTEwLjQtMTAuNGEzLjk3IDMuOTcgMCAwIDEgMC01LjZ2LS4wMWwyLjQtMi40LjE0LS4xMyA4LjUtOC41WiIvPjwvc3ZnPg==)
 * @type {Array}
 */
export const TackDiamond = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "35",
    fill: "currentColor",
    viewBox: "0 0 30 35",
  },
  [
    [
      "path",
      {
        d: "M12.2 1.16a3.97 3.97 0 0 1 5.6 0L28.84 12.2a3.97 3.97 0 0 1 .16 5.45l-.2.2L18.45 28.2a3 3 0 0 0-.7 1.12l-1.77 4.94-.02.06-.01.03v.01l-.02.03-.02.07-.01.01-.02.03-.01.02v.01l-.07.07v.02l-.02.01a1 1 0 0 1-.67.36l-.12.01a1 1 0 0 1-.91-.64v-.01l-1.8-5.04a3 3 0 0 0-.6-.99l-.11-.12-10.4-10.4a3.97 3.97 0 0 1 0-5.6v-.01l2.4-2.4.14-.13 8.5-8.5Z",
      },
    ],
  ],
];