diff --git a/CHANGELOG.md b/CHANGELOG.md
index 490a0ec63..2c368cb76 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,10 @@ All notable changes to this project will be documented in this file.
 * Move annotation context menu on the last played stone (Thanks to [@dfannius](https://github.com/dfannius))
 * Sabaki Web can load and copy SGF files from/to the clipboard (Thanks to [@C0DEHERO](https://github.com/C0DEHERO))
 
+**Changed**
+
+* Board lines are now vector images
+
 **Fixed**
 
 * Fix Sabaki inserting a ton of unnecessary empty lines in SGF files on Windows
diff --git a/img/goban/corner-ne.png b/img/goban/corner-ne.png
deleted file mode 100644
index 66d063ef3..000000000
Binary files a/img/goban/corner-ne.png and /dev/null differ
diff --git a/img/goban/corner-ne.svg b/img/goban/corner-ne.svg
new file mode 100644
index 000000000..b75041a48
--- /dev/null
+++ b/img/goban/corner-ne.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="74" height="1" fill="#D18F37" />
+    <rect x="74" y="74" width="1" height="76" fill="#D18F37" />
+    <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" />
+    <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/corner-nw.png b/img/goban/corner-nw.png
deleted file mode 100644
index 608a99734..000000000
Binary files a/img/goban/corner-nw.png and /dev/null differ
diff --git a/img/goban/corner-nw.svg b/img/goban/corner-nw.svg
new file mode 100644
index 000000000..ab5c5b100
--- /dev/null
+++ b/img/goban/corner-nw.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="73" y="74" width="77" height="1" fill="#D18F37" />
+    <rect x="74" y="73" width="1" height="77" fill="#D18F37" />
+    <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" />
+    <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/corner-se.png b/img/goban/corner-se.png
deleted file mode 100644
index 02295aeec..000000000
Binary files a/img/goban/corner-se.png and /dev/null differ
diff --git a/img/goban/corner-se.svg b/img/goban/corner-se.svg
new file mode 100644
index 000000000..190355b70
--- /dev/null
+++ b/img/goban/corner-se.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="75" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="75" fill="#D18F37" />
+    <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/corner-sw.png b/img/goban/corner-sw.png
deleted file mode 100644
index 62b1a63c1..000000000
Binary files a/img/goban/corner-sw.png and /dev/null differ
diff --git a/img/goban/corner-sw.svg b/img/goban/corner-sw.svg
new file mode 100644
index 000000000..b63adf009
--- /dev/null
+++ b/img/goban/corner-sw.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="74" y="74" width="76" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="74" fill="#D18F37" />
+    <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/inner.png b/img/goban/inner.png
deleted file mode 100644
index 462a58948..000000000
Binary files a/img/goban/inner.png and /dev/null differ
diff --git a/img/goban/inner.svg b/img/goban/inner.svg
new file mode 100644
index 000000000..edb891fb2
--- /dev/null
+++ b/img/goban/inner.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="150" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="150" fill="#D18F37" />
+    <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/side-e.png b/img/goban/side-e.png
deleted file mode 100644
index ef53b9928..000000000
Binary files a/img/goban/side-e.png and /dev/null differ
diff --git a/img/goban/side-e.svg b/img/goban/side-e.svg
new file mode 100644
index 000000000..3b6071eb8
--- /dev/null
+++ b/img/goban/side-e.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="74" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="150" fill="#D18F37" />
+    <rect x="0" y="73" width="74" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/side-n.png b/img/goban/side-n.png
deleted file mode 100644
index 33741d84a..000000000
Binary files a/img/goban/side-n.png and /dev/null differ
diff --git a/img/goban/side-n.svg b/img/goban/side-n.svg
new file mode 100644
index 000000000..30507f88f
--- /dev/null
+++ b/img/goban/side-n.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="150" height="1" fill="#D18F37" />
+    <rect x="74" y="73" width="1" height="77" fill="#D18F37" />
+    <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" />
+    <rect x="73" y="73" width="1" height="77" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/side-s.png b/img/goban/side-s.png
deleted file mode 100644
index 1a343daa6..000000000
Binary files a/img/goban/side-s.png and /dev/null differ
diff --git a/img/goban/side-s.svg b/img/goban/side-s.svg
new file mode 100644
index 000000000..de930cd32
--- /dev/null
+++ b/img/goban/side-s.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="0" y="74" width="150" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="74" fill="#D18F37" />
+    <rect x="0" y="73" width="150" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="74" fill="#5E2E0C" />
+</svg>
diff --git a/img/goban/side-w.png b/img/goban/side-w.png
deleted file mode 100644
index c128201c2..000000000
Binary files a/img/goban/side-w.png and /dev/null differ
diff --git a/img/goban/side-w.svg b/img/goban/side-w.svg
new file mode 100644
index 000000000..d8ad911e2
--- /dev/null
+++ b/img/goban/side-w.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg">
+    <rect x="73" y="74" width="77" height="1" fill="#D18F37" />
+    <rect x="74" y="0" width="1" height="150" fill="#D18F37" />
+    <rect x="73" y="73" width="77" height="1" fill="#5E2E0C" />
+    <rect x="73" y="0" width="1" height="150" fill="#5E2E0C" />
+</svg>
diff --git a/style/goban.css b/style/goban.css
index fad2afd8b..dde0dca4b 100644
--- a/style/goban.css
+++ b/style/goban.css
@@ -79,7 +79,7 @@
 
 .goban .row li {
         position: relative;
-        background: url('../img/goban/inner.png') center;
+        background: url('../img/goban/inner.svg') center;
     }
     .goban .row li.hoshi::after {
         content: '';
@@ -95,28 +95,28 @@
         background: #5E2E0C;
     }
     .goban .row:nth-child(3) li {
-        background-image: url('../img/goban/side-n.png');
+        background-image: url('../img/goban/side-n.svg');
     }
     .goban .row:nth-last-child(3) li {
-        background-image: url('../img/goban/side-s.png');
+        background-image: url('../img/goban/side-s.svg');
     }
     .goban .row li:first-child {
-        background-image: url('../img/goban/side-w.png');
+        background-image: url('../img/goban/side-w.svg');
     }
     .goban .row li:last-child {
-        background-image: url('../img/goban/side-e.png');
+        background-image: url('../img/goban/side-e.svg');
     }
     .goban .row:nth-child(3) li:first-child {
-        background-image: url('../img/goban/corner-nw.png');
+        background-image: url('../img/goban/corner-nw.svg');
     }
     .goban .row:nth-child(3) li:last-child {
-        background-image: url('../img/goban/corner-ne.png');
+        background-image: url('../img/goban/corner-ne.svg');
     }
     .goban .row:nth-last-child(3) li:first-child {
-        background-image: url('../img/goban/corner-sw.png');
+        background-image: url('../img/goban/corner-sw.svg');
     }
     .goban .row:nth-last-child(3) li:last-child {
-        background-image: url('../img/goban/corner-se.png');
+        background-image: url('../img/goban/corner-se.svg');
 }
 
 /**