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

Custom map markers for Leaflet JS

/**
 * @name PinTriangle
 * @preview ![img](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0MSIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMzAgNDEiPiAgPHBhdGggZD0iTTE1IDBjLjUzIDAgMS4wOC4xNCAxLjU2LjQ0QzI0LjEyIDUuMDYgMjkuMyAxMi45NiAyOS45OSAyMS45YTMuMDYgMy4wNiAwIDAgMS0xLjY2IDIuOTcgMjkuMiAyOS4yIDAgMCAxLTUuMjYgMi4wNCAzIDMgMCAwIDAtMS43NyAxLjQ5bC0uMDcuMTMtNS4yNiAxMS43OC0uMDQuMDhhMSAxIDAgMCAxLTEuODIgMGwtLjAzLS4wNS01LjUzLTExLjkxYTMgMyAwIDAgMC0xLjcyLTEuNTVsLS4wNi0uMDJhMjkuMTkgMjkuMTkgMCAwIDEtNS4xLTJBMy4wNiAzLjA2IDAgMCAxIC4wMSAyMS45Yy41Mi02LjggMy42NS0xMyA4LjQ0LTE3LjYyQTI2LjM1IDI2LjM1IDAgMCAxIDEyLjY1LjlsLjAyLS4wMS4wMy0uMDIuNjUtLjQxLjE4LS4xLjE4LS4xYy40LS4xOC44NC0uMjcgMS4yOC0uMjZaIi8+PC9zdmc+)
 * @type {Array}
 */
export const PinTriangle = [
  "svg",
  {
    xmlns: "http://www.w3.org/2000/svg",
    width: "30",
    height: "41",
    fill: "currentColor",
    viewBox: "0 0 30 41",
  },
  [
    [
      "path",
      {
        d: "M15 0c.53 0 1.08.14 1.56.44C24.12 5.06 29.3 12.96 29.99 21.9a3.06 3.06 0 0 1-1.66 2.97 29.2 29.2 0 0 1-5.26 2.04 3 3 0 0 0-1.77 1.49l-.07.13-5.26 11.78-.04.08a1 1 0 0 1-1.82 0l-.03-.05-5.53-11.91a3 3 0 0 0-1.72-1.55l-.06-.02a29.19 29.19 0 0 1-5.1-2A3.06 3.06 0 0 1 .01 21.9c.52-6.8 3.65-13 8.44-17.62A26.35 26.35 0 0 1 12.65.9l.02-.01.03-.02.65-.41.18-.1.18-.1c.4-.18.84-.27 1.28-.26Z",
      },
    ],
  ],
];