diff --git a/client/src/components/svg/VolumeIcon.tsx b/client/src/components/svg/VolumeIcon.tsx
new file mode 100644
index 000000000..92c06400f
--- /dev/null
+++ b/client/src/components/svg/VolumeIcon.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+
+export default function VolumeIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      class="lucide lucide-volume-2"
+    >
+      <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/>
+      <path d="M15.54 8.46a5 5 0 0 1 0 7.07"/>
+      <path d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
+    </svg>
+  );
+}