Waves

By Stephen Hutchings in Typicons

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="M15 19a5.23 5.23 0 0 1-3.707-1.532a3.246 3.246 0 0 0-4.586 0a.999.999 0 1 1-1.414-1.414a5.25 5.25 0 0 1 7.414 0a3.248 3.248 0 0 0 4.586 0a.999.999 0 1 1 1.414 1.414A5.227 5.227 0 0 1 15 19zm0-4a5.23 5.23 0 0 1-3.707-1.532a3.246 3.246 0 0 0-4.586 0a.999.999 0 1 1-1.414-1.414a5.25 5.25 0 0 1 7.414 0a3.248 3.248 0 0 0 4.586 0a.999.999 0 1 1 1.414 1.414A5.227 5.227 0 0 1 15 15zm0-4a5.23 5.23 0 0 1-3.707-1.532a3.246 3.246 0 0 0-4.586 0a.999.999 0 1 1-1.414-1.414a5.25 5.25 0 0 1 7.414 0a3.248 3.248 0 0 0 4.586 0a.999.999 0 1 1 1.414 1.414A5.227 5.227 0 0 1 15 11z"/>
</svg>


Waves Icons examples

See what this icon looks like in some mockup designs
WavesHome

Related icons in Typicons

copy save
adjust-brightness
copy save
adjust-contrast
copy save
anchor
copy save
anchor-outline
copy save
archive
copy save
arrow-back
copy save
arrow-back-outline
copy save
arrow-down
copy save
arrow-down-outline
copy save
arrow-down-thick
copy save
arrow-forward
copy save
arrow-forward-outline
copy save
arrow-left
copy save
arrow-left-outline
copy save
arrow-left-thick
copy save
arrow-loop
copy save
arrow-loop-outline
copy save
arrow-maximise
copy save
arrow-maximise-outline
copy save
arrow-minimise