diff --git a/_icons/iconGruvboxDarkSmall.png b/_icons/iconGruvboxDarkSmall.png
deleted file mode 100644
index 4fb7abc66f5fb..0000000000000
Binary files a/_icons/iconGruvboxDarkSmall.png and /dev/null differ
diff --git a/_icons/iconGruvboxDarkSmall.svg b/_icons/iconGruvboxDarkSmall.svg
new file mode 100644
index 0000000000000..4431f68033e7d
--- /dev/null
+++ b/_icons/iconGruvboxDarkSmall.svg
@@ -0,0 +1,35 @@
+
+
diff --git a/_icons/iconGruvboxLightSmall.png b/_icons/iconGruvboxLightSmall.png
deleted file mode 100644
index 9959f6473e6d7..0000000000000
Binary files a/_icons/iconGruvboxLightSmall.png and /dev/null differ
diff --git a/_icons/iconGruvboxLightSmall.svg b/_icons/iconGruvboxLightSmall.svg
new file mode 100644
index 0000000000000..cb78f601af7c0
--- /dev/null
+++ b/_icons/iconGruvboxLightSmall.svg
@@ -0,0 +1,32 @@
+
+
diff --git a/_icons/textGruvboxDarkSmall.png b/_icons/textGruvboxDarkSmall.png
deleted file mode 100644
index bd183a5382db1..0000000000000
Binary files a/_icons/textGruvboxDarkSmall.png and /dev/null differ
diff --git a/_icons/textGruvboxDarkSmall.svg b/_icons/textGruvboxDarkSmall.svg
new file mode 100644
index 0000000000000..819ccbc45302a
--- /dev/null
+++ b/_icons/textGruvboxDarkSmall.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/_icons/textGruvboxLightSmall.png b/_icons/textGruvboxLightSmall.png
deleted file mode 100644
index a02da414fa246..0000000000000
Binary files a/_icons/textGruvboxLightSmall.png and /dev/null differ
diff --git a/_icons/textGruvboxLightSmall.svg b/_icons/textGruvboxLightSmall.svg
new file mode 100644
index 0000000000000..48557a7d9cf3a
--- /dev/null
+++ b/_icons/textGruvboxLightSmall.svg
@@ -0,0 +1,69 @@
+
+
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index a1b1b58ce3587..0ea3d8196c30e 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -286,8 +286,8 @@ it can be safely elided. This looks quite pleasant on this theme. */
--side-nav-hover-color: #3c3836;
--side-nav-active-color: #3c3836;
--search-bar-color: #504945;
- --logo-icon: url("../../_icons/iconGruvboxLightSmall.png");
- --logo-text: url("../../_icons/textGruvboxLightSmall.png");
+ --logo-icon: url("../../_icons/iconGruvboxLightSmall.svg");
+ --logo-text: url("../../_icons/textGruvboxLightSmall.svg");
}
@@ -306,8 +306,8 @@ it can be safely elided. This looks quite pleasant on this theme. */
--side-nav-hover-color: #f9f5d7;
--side-nav-active-color: #f9f5d7;
--search-bar-color: #f2e5bc;
- --logo-icon: url("../../_icons/iconGruvboxDarkSmall.png");
- --logo-text: url("../../_icons/textGruvboxDarkSmall.png");
+ --logo-icon: url("../../_icons/iconGruvboxDarkSmall.svg");
+ --logo-text: url("../../_icons/textGruvboxDarkSmall.svg");
}
.mainRed,