diff --git a/web_assets/compass.png b/web_assets/compass_lower-left.png
similarity index 100%
rename from web_assets/compass.png
rename to web_assets/compass_lower-left.png
diff --git a/web_assets/compass_lower-right.png b/web_assets/compass_lower-right.png
new file mode 100644
index 0000000..8990e7e
Binary files /dev/null and b/web_assets/compass_lower-right.png differ
diff --git a/web_assets/compass_upper-left.png b/web_assets/compass_upper-left.png
new file mode 100644
index 0000000..60e12d7
Binary files /dev/null and b/web_assets/compass_upper-left.png differ
diff --git a/web_assets/compass_upper-right.png b/web_assets/compass_upper-right.png
new file mode 100644
index 0000000..6291365
Binary files /dev/null and b/web_assets/compass_upper-right.png differ
diff --git a/web_assets/overviewerConfig.js b/web_assets/overviewerConfig.js
index 22097d0..6a39735 100644
--- a/web_assets/overviewerConfig.js
+++ b/web_assets/overviewerConfig.js
@@ -14,7 +14,7 @@ var overviewerConfig = {
         'image': {
             'defaultMarker':    'signpost.png',
             'signMarker':       'signpost_icon.png',
-            'compass':          'compass.png',
+            'compass':          'compass_{north_direction}.png',
             'spawnMarker':      'http://google-maps-icons.googlecode.com/files/home.png',
             'queryMarker':      'http://google-maps-icons.googlecode.com/files/regroup.png'
         },