diff --git a/public/img/map-marker-icon-2x.png b/public/img/map-marker-icon-2x.png
new file mode 100644
index 00000000..2ce8e408
Binary files /dev/null and b/public/img/map-marker-icon-2x.png differ
diff --git a/public/img/map-marker-icon.png b/public/img/map-marker-icon.png
new file mode 100644
index 00000000..a615c3fa
Binary files /dev/null and b/public/img/map-marker-icon.png differ
diff --git a/public/img/map-marker-shadow.png b/public/img/map-marker-shadow.png
new file mode 100644
index 00000000..75f623c1
Binary files /dev/null and b/public/img/map-marker-shadow.png differ
diff --git a/src/components/mobile/MapSheet.vue b/src/components/mobile/MapSheet.vue
index 3bff4858..227ae1b3 100644
--- a/src/components/mobile/MapSheet.vue
+++ b/src/components/mobile/MapSheet.vue
@@ -95,7 +95,18 @@ export default {
 
             if (centerChanged && this.zoomLevel > 1) {
                 if (!this.marker) {
-                    this.marker = this.$map.leaflet.marker(this.initCenter).addTo(this.leaflet);
+                    const markerIcon = this.$map.leaflet.icon({
+                        iconUrl: 'img/map-marker-icon.png',
+                        iconRetinaUrl: 'img/map-marker-icon-2x.png',
+                        iconSize:    [25, 32],
+                        iconAnchor:  [12, 32],
+                        shadowUrl: 'img/map-marker-shadow.png',
+                        shadowSize: [41, 32]
+                    });
+                    this.marker = this.$map.leaflet.marker(this.initCenter, {
+                        icon: markerIcon
+                    });
+                    this.marker.addTo(this.leaflet);
                 } else {
                     this.marker.setLatLng(this.initCenter);
                 }