Skip to content

Audio Waveform ​

Usage ​

With Web Components ​

html
<ss-icon icon="audio-waveform"></ss-icon>

With icon tag ​

html
<i class="ss ss-audio-waveform"></i>

With custom stroke width / thickness ​

html
<ss-icon icon="audio-waveform" thickness="1.2"></ss-icon>

Node.js ​

javascript
const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['audio-waveform'];
console.log(svg);

Icon Details ​

PropertyValue
NameAudio Waveform
Slugaudio-waveform
Tagsaudio waveform, waveform, sound signal, voice activity, audio editor, recording level, audio-waveform

SVG Path ​

M3 10.5v3M6.75 6.75v10.5M10.5 3.75v16.5M14.25 8.25v7.5M18 5.25v13.5M21.75 10.5v3

Raw SVG ​

html
<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">
  <path d="M3 10.5v3M6.75 6.75v10.5M10.5 3.75v16.5M14.25 8.25v7.5M18 5.25v13.5M21.75 10.5v3"></path>
</svg>

← Back to Icon Library