diff --git a/public/assets/volume-high.svg b/public/assets/volume-high.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e261a1663eeb1cb5eab2ddcbb040b835a1cae1d5
--- /dev/null
+++ b/public/assets/volume-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" /></svg>
\ No newline at end of file
diff --git a/src/common.scss b/src/common.scss
index 01b10f4a8a6f7d01701cb3d3da289c280f808dc9..8a73112fafcd7522a197f42320ad888f46927cc9 100644
--- a/src/common.scss
+++ b/src/common.scss
@@ -92,6 +92,10 @@ a.card-link {
 	-webkit-mask-image: url('/assets/play.svg');
     mask-image: url('/assets/play.svg');
 }
+.icon-volume-high {
+	-webkit-mask-image: url('/assets/volume-high.svg');
+    mask-image: url('/assets/volume-high.svg');
+}
 
 /* Buttons */