diff --git a/assets/overworld/grass.svg b/assets/overworld/grass.svg
new file mode 100644
index 0000000..e10114a
--- /dev/null
+++ b/assets/overworld/grass.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="none">
+
+	<!-- fill the entire image green -->
+	<rect x="0" y="0" width="64" height="64" fill="forestgreen"/>
+	
+</svg>
diff --git a/assets/overworld/path-bottom-left.svg b/assets/overworld/path-bottom-left.svg
new file mode 100644
index 0000000..fa82c30
--- /dev/null
+++ b/assets/overworld/path-bottom-left.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<image x="0" y="0" width="64" height="64" href="path-top-right.svg"
+		transform="translate(32,32) rotate(90) scale(1,-1) translate(-32,-32)"/>
+
+</svg>
diff --git a/assets/overworld/path-bottom-right.svg b/assets/overworld/path-bottom-right.svg
new file mode 100644
index 0000000..f71b7d2
--- /dev/null
+++ b/assets/overworld/path-bottom-right.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<image x="0" y="0" width="64" height="64" href="path-top-right.svg"
+		transform="translate(32,32) rotate(90) translate(-32,-32)"/>
+
+</svg>
diff --git a/assets/overworld/path-horiz.svg b/assets/overworld/path-horiz.svg
new file mode 100644
index 0000000..24b00a0
--- /dev/null
+++ b/assets/overworld/path-horiz.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<image x="0" y="0" width="64" height="64" href="path-vert.svg"
+		transform="translate(32,32) rotate(90) translate(-32,-32)"/>
+
+</svg>
diff --git a/assets/overworld/path-top-left.svg b/assets/overworld/path-top-left.svg
new file mode 100644
index 0000000..4b15569
--- /dev/null
+++ b/assets/overworld/path-top-left.svg
@@ -0,0 +1,9 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<image x="0" y="0" width="64" height="64" href="path-top-right.svg"
+		transform="translate(32,0) scale(-1,1) translate(-32,0)"/>
+
+</svg>
diff --git a/assets/overworld/path-top-right.svg b/assets/overworld/path-top-right.svg
new file mode 100644
index 0000000..9cb2334
--- /dev/null
+++ b/assets/overworld/path-top-right.svg
@@ -0,0 +1,14 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<!-- fill the inner part of the path sandy'ish -->
+	<path d="M8,0 v56 h56 V8 h-8 V0 z" stroke="none" fill="sandybrown"/>
+
+	<!-- left/bottom border -->
+	<path d="M8,0 v56 h56"/>
+	<!-- right border -->
+	<path d="M56,0 v8 h8"/>
+
+</svg>
diff --git a/assets/overworld/path-vert.svg b/assets/overworld/path-vert.svg
new file mode 100644
index 0000000..be4f059
--- /dev/null
+++ b/assets/overworld/path-vert.svg
@@ -0,0 +1,14 @@
+<svg version="1.1" width="512" height="512" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"
+		stroke="black" stroke-width="1" fill="none">
+
+	<image x="0" y="0" width="64" height="64" href="grass.svg"/>
+
+	<!-- fill the inner part of the path sandy'ish -->
+	<rect x="8" y="0" width="48" height="64" stroke="none" fill="sandybrown"/>
+
+	<!-- left border -->
+	<path d="M8,0 V64"/>
+	<!-- right border -->
+	<path d="M56,0 V64"/>
+
+</svg>