Speaker

By Google in Material Symbols

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="M17 22H7q-.825 0-1.413-.588T5 20V4q0-.825.588-1.413T7 2h10q.825 0 1.413.588T19 4v16q0 .825-.588 1.413T17 22ZM12 9q.825 0 1.413-.588T14 7q0-.825-.588-1.413T12 5q-.825 0-1.413.588T10 7q0 .825.588 1.413T12 9Zm0 10q1.65 0 2.825-1.175T16 15q0-1.65-1.175-2.825T12 11q-1.65 0-2.825 1.175T8 15q0 1.65 1.175 2.825T12 19Zm0-2q-.825 0-1.413-.588T10 15q0-.825.588-1.413T12 13q.825 0 1.413.588T14 15q0 .825-.588 1.413T12 17Z"/>
</svg>


Speaker Icons examples

See what this icon looks like in some mockup designs
SpeakerHome

Related icons in Material Symbols

copy save
air
copy save
air-rounded
copy save
architecture
copy save
architecture-rounded
copy save
arrow-cool-down
copy save
arrow-cool-down-rounded
copy save
arrow-warm-up
copy save
arrow-warm-up-rounded
copy save
avg-pace
copy save
avg-pace-rounded
copy save
avg-time
copy save
avg-time-outline
copy save
avg-time-outline-rounded
copy save
avg-time-outline-sharp
copy save
avg-time-rounded
copy save
avg-time-sharp
copy save
azm
copy save
azm-outline
copy save
azm-outline-rounded
copy save
azm-rounded