The Phosphor waveform icon depicts a visual representation of audio or sound, commonly used in UIs to indicate audio playback, recording, or sound visualization.
Common uses
- Audio player progress bar
- Volume control indicator
- Live audio input visualization
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Waveform } from '@phosphor-icons/react';
<Waveform size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Waveform size={24} />thin
<Waveform size={24} weight="thin" />light
<Waveform size={24} weight="light" />bold
<Waveform size={24} weight="bold" />fill
<Waveform size={24} weight="fill" />duotone
<Waveform size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- *updated*audiosoundspectrumspectrographmusicmediawaveformsound wave
FAQ
- What does the waveform icon represent?
- It represents audio or sound, often used to show playback, recording, or the intensity of sound.
- How do I use the waveform icon in React?
- You can import and use it like this: import { Waveform } from '@phosphor-icons/react'; <Waveform />.
- What is the license for this icon?
- The Phosphor icon library, including the waveform icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →