Speaker waves

speaker-waves

A 24px icon in Bloom’s Video category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
Video
Tags
volume highloudsoundaudiovolume up
Motion
Moves on hover

Speaker waves in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get speaker-waves --style linear

It also moves on hover: add --motion to the command, or take dist/motion/<style>/speaker-waves.svg.

dist/linear/speaker-waves.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3.75 12C3.75 10.598 3.75 9.897 4.051 9.375C4.249 9.033 4.533 8.749 4.875 8.551C5.397 8.25 6.098 8.25 7.5 8.25L8.25 8.25C9.881 6.619 10.696 5.804 11.41 5.88C11.696 5.911 11.968 6.023 12.192 6.204C12.75 6.654 12.75 7.807 12.75 10.114L12.75 13.886C12.75 16.193 12.75 17.346 12.192 17.796C11.968 17.977 11.696 18.089 11.41 18.12C10.696 18.196 9.881 17.381 8.25 15.75L7.5 15.75C6.098 15.75 5.397 15.75 4.875 15.449C4.533 15.251 4.249 14.967 4.051 14.625C3.75 14.103 3.75 13.402 3.75 12Z"/>
  <path d="M15.897 9.75A4.5 4.5 0 0 1 15.897 14.25"/>
  <path d="M18.495 8.25A7.5 7.5 0 0 1 18.495 15.75"/>
</svg>

More in Video

Open in the icon browserBrowse all 1,260 icons