diff --git a/web/src/icons/Audio.jsx b/web/src/icons/Audio.jsx
index ff0d7fbbf..4ddc2a622 100644
--- a/web/src/icons/Audio.jsx
+++ b/web/src/icons/Audio.jsx
@@ -32,22 +32,19 @@ export function Snapshot({ className = 'h-6 w-6', stroke = 'currentColor', onCli
     </svg>
   );
 }
-export function AudioIcon({ className = 'h-6 w-6', stroke = 'currentColor', fill = 'none', onClick = () => {} }) {
+
+export function AudioIcon({
+  className = 'h-7 w-7',
+  stroke = 'currentColor',
+  onClick = () => {},
+}) {
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-      fill={fill}
-      viewBox="0 0 24 24"
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"
+      
       stroke={stroke}
       onClick={onClick}
-    >
-      <path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        d="M11 5L6 9H2v6h4l5 4V5zM19 9a2 2 0 01-2-2a2 2 0 012-2a2 2 0 012 2a2 2 0 01-2 2zm0 4a4 4 0 01-4-4a4 4 0 014-4a4 4 0 014 4a4 4 0 01-4 4zm0 4a6 6 0 01-6-6a6 6 0 016-6a6 6 0 016 6a6 6 0 01-6 6z"
-      />
+      className={className}>
+      <path stroke-linecap="round" stroke-linejoin="round" strokeWidth="2" d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"/>
     </svg>
   );
 }