diff --git a/src/renderer/assets/feather/volume-2.svg b/src/renderer/assets/feather/volume-2.svg
new file mode 100644
index 00000000..eaf07b56
--- /dev/null
+++ b/src/renderer/assets/feather/volume-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume-2"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon><path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"></path></svg>
\ No newline at end of file
diff --git a/src/renderer/assets/feather/volume.svg b/src/renderer/assets/feather/volume.svg
new file mode 100644
index 00000000..a6282072
--- /dev/null
+++ b/src/renderer/assets/feather/volume.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-volume"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"></polygon></svg>
\ No newline at end of file
diff --git a/src/renderer/assets/volume-down.svg b/src/renderer/assets/volume-down.svg
deleted file mode 100644
index 87c9f9fc..00000000
--- a/src/renderer/assets/volume-down.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M215.03 72.04L126.06 161H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V89.02c0-21.47-25.96-31.98-40.97-16.98zm123.2 108.08c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 229.28 336 242.62 336 257c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.87z"/></svg>
\ No newline at end of file
diff --git a/src/renderer/assets/volume-up.svg b/src/renderer/assets/volume-up.svg
deleted file mode 100644
index 05db44e8..00000000
--- a/src/renderer/assets/volume-up.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill="white" d="M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"/></svg>
\ No newline at end of file
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 603847af..f5341266 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -829,7 +829,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 
 .app-chrome-item.volume-icon {
   opacity: 0.7;
-  background-image: url(http://localhost:9000/assets/volume-up.svg);
+  background-image: url("./assets/feather/volume-2.svg");
   height: 15px;
   width: 30px;
   background-repeat: no-repeat;
@@ -1366,12 +1366,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 }
 
 .player-volume-glyph.decrease {
-  background-image: url("./assets/volume-down.svg");
+  background-image: url("./assets/volume.svg");
   opacity: 0.5;
 }
 
 .player-volume-glyph.increase {
-  background-image: url("./assets/volume-up.svg");
+  background-image: url("./assets/volume-2.svg");
   opacity: 0.5;
 }
 
diff --git a/src/web-remote/style.css b/src/web-remote/style.css
index f7db8489..5b3227f0 100644
--- a/src/web-remote/style.css
+++ b/src/web-remote/style.css
@@ -321,12 +321,12 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .player-volume-glyph.decrease {
-    background-image: url("./assets/volume-down.svg");
+    background-image: url("./assets/volume.svg");
     opacity: 0.5;
 }
 
 .player-volume-glyph.increase {
-    background-image: url("./assets/volume-up.svg");
+    background-image: url("./assets/volume-2.svg");
     opacity: 0.5;
 }