diff --git a/assets/overworld/path-bottom-left-right.svg b/assets/overworld/path-bottom-left-right.svg
new file mode 100644
index 0000000..8076e6a
--- /dev/null
+++ b/assets/overworld/path-bottom-left-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-left-right.svg"
+		transform="translate(0,32) scale(1,-1) translate(0,-32)"/>
+
+</svg>
diff --git a/assets/overworld/path-crossing.svg b/assets/overworld/path-crossing.svg
new file mode 100644
index 0000000..960f5ce
--- /dev/null
+++ b/assets/overworld/path-crossing.svg
@@ -0,0 +1,18 @@
+<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="M0,8 h8 v-8 h48 v8 h8 v48 h-8 v8 H8 v-8 H0 z" stroke="none" fill="sandybrown"/>
+
+	<!-- left/top border -->
+	<path d="M0,8 h8 v-8"/>
+	<!-- right/top border -->
+	<path d="M56,0 v8 h8"/>
+	<!-- left/bottom corner -->
+	<path d="M0,56 h8 v8"/>
+	<!-- right/bottom corner -->
+	<path d="M56,64 v-8 h8"/>
+
+</svg>
diff --git a/assets/overworld/path-top-left-bottom.svg b/assets/overworld/path-top-left-bottom.svg
new file mode 100644
index 0000000..7b1534a
--- /dev/null
+++ b/assets/overworld/path-top-left-bottom.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-left-right.svg"
+		transform="translate(32,32) rotate(-90) translate(-32,-32)"/>
+
+</svg>
diff --git a/assets/overworld/path-top-left-right.svg b/assets/overworld/path-top-left-right.svg
new file mode 100644
index 0000000..c138101
--- /dev/null
+++ b/assets/overworld/path-top-left-right.svg
@@ -0,0 +1,16 @@
+<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="M0,8 h8 v-8 h48 v8 h8 v48 H0 z" stroke="none" fill="sandybrown"/>
+
+	<!-- left border -->
+	<path d="M0,8 h8 v-8"/>
+	<!-- right border -->
+	<path d="M56,0 v8 h8"/>
+	<!-- bottom corner -->
+	<path d="M0,56 h64"/>
+
+</svg>
diff --git a/assets/overworld/path-top-right-bottom.svg b/assets/overworld/path-top-right-bottom.svg
new file mode 100644
index 0000000..f9d5776
--- /dev/null
+++ b/assets/overworld/path-top-right-bottom.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-left-right.svg"
+		transform="translate(32,32) rotate(90) translate(-32,-32)"/>
+
+</svg>