diff --git a/packages/studio/src/components/TimelineToolbar.tsx b/packages/studio/src/components/TimelineToolbar.tsx
index a6d4400007..869b8c11ac 100644
--- a/packages/studio/src/components/TimelineToolbar.tsx
+++ b/packages/studio/src/components/TimelineToolbar.tsx
@@ -4,7 +4,6 @@ import {
Magnet,
MagnifyingGlassMinus,
MagnifyingGlassPlus,
- SpeakerHigh,
Waves,
} from "@phosphor-icons/react";
import {
@@ -23,6 +22,7 @@ import {
import { useTimelineZoom } from "../player/components/useTimelineZoom";
import { usePlayerStore, type TimelineElement } from "../player";
import { Tooltip } from "./ui";
+import { AudioMetersIcon } from "./icons/AudioMetersIcon";
import { flatActive, flatBtn, flatDisabled, flatIdle } from "./timelineToolbarStyles";
import { TimelineHistoryButtons } from "./TimelineHistoryButtons";
import { Scissors } from "../icons/SystemIcons";
@@ -264,7 +264,7 @@ export function TimelineToolbar({ domEditSession, onSplitElement }: TimelineTool
aria-pressed={audioMetersVisible}
className={audioMetersVisible ? flatActive : flatIdle}
>
-
+
)}
diff --git a/packages/studio/src/components/icons/AudioMetersIcon.tsx b/packages/studio/src/components/icons/AudioMetersIcon.tsx
new file mode 100644
index 0000000000..6b2e14a28c
--- /dev/null
+++ b/packages/studio/src/components/icons/AudioMetersIcon.tsx
@@ -0,0 +1,16 @@
+export function AudioMetersIcon({ size = 16 }: { size?: number | string }) {
+ return (
+
+ );
+}