diff --git a/YACReaderLibrary/images.qrc b/YACReaderLibrary/images.qrc
index 56e90257..ae8add4a 100644
--- a/YACReaderLibrary/images.qrc
+++ b/YACReaderLibrary/images.qrc
@@ -2,14 +2,14 @@
     <qresource prefix="/">
         <file>../images/accept_shortcut.svg</file>
         <file>../images/clear_shortcut.svg</file>
-        <file>../images/comic_vine/downArrow.png</file>
-        <file>../images/comic_vine/nextPage.png</file>
-        <file>../images/comic_vine/previousPage.png</file>
-        <file>../images/comic_vine/radioChecked.png</file>
-        <file>../images/comic_vine/radioUnchecked.png</file>
-        <file>../images/comic_vine/rowDown.png</file>
-        <file>../images/comic_vine/rowUp.png</file>
-        <file>../images/comic_vine/upArrow.png</file>
+        <file>../images/comic_vine/downArrow.svg</file>
+        <file>../images/comic_vine/nextPage.svg</file>
+        <file>../images/comic_vine/previousPage.svg</file>
+        <file>../images/comic_vine/radioChecked.svg</file>
+        <file>../images/comic_vine/radioUnchecked.svg</file>
+        <file>../images/comic_vine/rowDown.svg</file>
+        <file>../images/comic_vine/rowUp.svg</file>
+        <file>../images/comic_vine/upArrow.svg</file>
         <file>../images/comic_vine/checkBoxTick.svg</file>
         <file>../images/comics_view_toolbar/asignNumber.svg</file>
         <file>../images/comics_view_toolbar/big_size_grid_zoom.svg</file>
diff --git a/images/comic_vine/downArrow.png b/images/comic_vine/downArrow.png
deleted file mode 100644
index ef5be7af..00000000
Binary files a/images/comic_vine/downArrow.png and /dev/null differ
diff --git a/images/comic_vine/downArrow.svg b/images/comic_vine/downArrow.svg
new file mode 100644
index 00000000..a1fdff7d
--- /dev/null
+++ b/images/comic_vine/downArrow.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 4">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="5 1 0 1 2.5 4 5 1"/>
+</svg>
diff --git a/images/comic_vine/nextPage.png b/images/comic_vine/nextPage.png
deleted file mode 100644
index 46aaa8c6..00000000
Binary files a/images/comic_vine/nextPage.png and /dev/null differ
diff --git a/images/comic_vine/nextPage.svg b/images/comic_vine/nextPage.svg
new file mode 100644
index 00000000..d95d99bd
--- /dev/null
+++ b/images/comic_vine/nextPage.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 8">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="0 0 0 8 7 4 0 0"/>
+</svg>
\ No newline at end of file
diff --git a/images/comic_vine/previousPage.png b/images/comic_vine/previousPage.png
deleted file mode 100644
index 01365a89..00000000
Binary files a/images/comic_vine/previousPage.png and /dev/null differ
diff --git a/images/comic_vine/previousPage.svg b/images/comic_vine/previousPage.svg
new file mode 100644
index 00000000..47a2b2c9
--- /dev/null
+++ b/images/comic_vine/previousPage.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 8">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="7 8 7 0 0 4 7 8"/>
+</svg>
\ No newline at end of file
diff --git a/images/comic_vine/radioChecked.png b/images/comic_vine/radioChecked.png
deleted file mode 100644
index a6134f92..00000000
Binary files a/images/comic_vine/radioChecked.png and /dev/null differ
diff --git a/images/comic_vine/radioChecked.svg b/images/comic_vine/radioChecked.svg
new file mode 100644
index 00000000..c5abedee
--- /dev/null
+++ b/images/comic_vine/radioChecked.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #0ff;
+      }
+
+      .cls-2 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <circle class="cls-2" cx="5.5" cy="5.5" r="5.29"/>
+  <circle class="cls-1" cx="5.5" cy="5.5" r="2.29"/>
+</svg>
diff --git a/images/comic_vine/radioUnchecked.png b/images/comic_vine/radioUnchecked.png
deleted file mode 100644
index 13c0a7bd..00000000
Binary files a/images/comic_vine/radioUnchecked.png and /dev/null differ
diff --git a/images/comic_vine/radioUnchecked.svg b/images/comic_vine/radioUnchecked.svg
new file mode 100644
index 00000000..98f1bf29
--- /dev/null
+++ b/images/comic_vine/radioUnchecked.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <circle class="cls-1" cx="5.5" cy="5.5" r="5.29"/>
+</svg>
\ No newline at end of file
diff --git a/images/comic_vine/rowDown.png b/images/comic_vine/rowDown.png
deleted file mode 100644
index c89a816d..00000000
Binary files a/images/comic_vine/rowDown.png and /dev/null differ
diff --git a/images/comic_vine/rowDown.svg b/images/comic_vine/rowDown.svg
new file mode 100644
index 00000000..157f275a
--- /dev/null
+++ b/images/comic_vine/rowDown.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 7">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="4 7 8 0 0 0 4 7"/>
+</svg>
\ No newline at end of file
diff --git a/images/comic_vine/rowUp.png b/images/comic_vine/rowUp.png
deleted file mode 100644
index 00c4b548..00000000
Binary files a/images/comic_vine/rowUp.png and /dev/null differ
diff --git a/images/comic_vine/rowUp.svg b/images/comic_vine/rowUp.svg
new file mode 100644
index 00000000..f57f7fde
--- /dev/null
+++ b/images/comic_vine/rowUp.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 7">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="4 0 8 7 0 7 4 0"/>
+</svg>
\ No newline at end of file
diff --git a/images/comic_vine/upArrow.png b/images/comic_vine/upArrow.png
deleted file mode 100644
index a0c1303d..00000000
Binary files a/images/comic_vine/upArrow.png and /dev/null differ
diff --git a/images/comic_vine/upArrow.svg b/images/comic_vine/upArrow.svg
new file mode 100644
index 00000000..e4dea841
--- /dev/null
+++ b/images/comic_vine/upArrow.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 4">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f0f;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="0 4 5 4 2.5 1 0 4"/>
+</svg>
\ No newline at end of file