mapcomplete/assets/tagRenderings/icons.json

{
  "defaultIcons": ["phonelink",
    "emaillink",
    "wikipedialink",
    "osmlink",
    "sharelink"
  ],
  
  "wikipedialink": {
    "render": "<a href='https://wikipedia.org/wiki/{wikipedia}' target='_blank'><img src='./assets/svg/wikipedia.svg' alt='WP'/></a>",
    "condition": {
      "or": [
        "wikipedia~*",
        "wikidata~*"
      ]
    },
    "mappings": [
      {
        "if": "wikipedia=",
        "then": "<a href='https://www.wikidata.org/wiki/{wikidata}' target='_blank'><img src='./assets/svg/wikidata.svg' alt='WD'/></a>"
      }
    ]
  },
  "isOpen": {
    "#": "Shows a coloured clock if opening hours are parsed. Uses the metatagging, suitable to use as a (badged) overlay",
    "mappings": [
      {
        "if": "_isOpen=yes",
        "then": "clock:#0f0;ring:#0f0"
      },
      {
        "if": "_isOpen=no",
        "then": "circle:#f00;clock:#fff"
      },
      {
        "#": "Still loading the country",
        "if": {
          "and": [
            "_isOpen=",
            "opening_hours~*"
          ]
        },
        "then": "clock:#ff0;ring:#ff0"
      },
      {
        "#": "Still loading the country",
        "if": {
          "and": [
            "_isOpen=parse_error",
            "opening_hours~*"
          ]
        },
        "then": "circle:#f0f;clock:#fff"
      }
    ]
  },
  "phonelink": {
    "render": "<a href='tel:{phone}'><img src='./assets/svg/phone.svg'/></a>",
    "condition": "phone~*"
  },
  "emaillink": {
    "render": "<a href='mailto:{email}'><img src='./assets/svg/send_email.svg'/></a>",
    "condition": "email~*"
  },
  "osmlink": {
    "render": "<a href='https://openstreetmap.org/{id}' target='_blank'><img src='./assets/svg/osm-logo-us.svg'/></a>",
    "mappings": [
      {
        "if": "id~.*/-.*",
        "then": ""
      },
      {
        "if": "_backend~*",
        "then": "<a href='{_backend}/{id}' target='_blank'><img src='./assets/svg/osm-logo-us.svg'/></a>"
      }
    ],
    "condition": "id~(node|way|relation)/[0-9]*"
  },
  "sharelink": {
    "render": "{share_link()}"
  }
}