Wave Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Wave icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306904.svg" alt="Wave icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306904.svg" alt="Wave icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306904.svg" alt="Wave icon" :width="24" :height="24" />
CSS background
.icon-wave {
background-image: url('https://proicons.com/icon/306904.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M109 399c31-4 58-16 80-38 7-6 10-5 16 0 57 51 128 51 186 1 7-6 10-6 17 0 28 25 60 38 92 38 33 0 65-13 93-38 7-6 10-6 17 0 57 50 129 50 186-1 6-5 9-6 15 0 23 22 50 34 80 38 21 2 36-4 43-19 11-22-3-46-29-48-31-2-52-19-68-43-7-12-15-21-29-24h-10c-13 3-22 12-28 24-4 7-10 13-15 18-26 27-59 32-88 15-13-9-24-20-32-33-7-12-15-21-29-24h-10c-13 3-22 12-28 24-7 12-17 21-28 29-12 9-26 14-40 14s-27-5-39-14c-11-8-21-17-28-29s-15-21-28-24h-11c-13 3-22 12-29 24-8 13-18 24-32 33-29 17-61 12-87-15-6-5-11-11-15-18-6-12-15-20-28-24h-10c-14 3-22 12-30 24-15 24-36 41-67 43-26 2-40 26-30 48 7 15 22 21 43 19zm796 108c-32-3-52-20-68-44-7-11-16-21-29-24h-10c-13 4-22 12-29 24-3 7-9 13-14 19-27 26-59 32-88 14-13-8-24-19-32-33-7-11-15-20-29-24h-10c-13 4-22 12-28 24-7 12-17 22-28 30-12 9-26 14-40 13-14 1-27-4-40-13-11-8-20-18-27-30s-16-20-29-24h-10c-13 4-22 13-29 24-8 14-19 25-32 33-29 18-61 12-87-14-6-6-11-12-15-19-6-12-15-20-28-24h-11c-13 3-21 13-29 24-16 24-36 41-67 44-27 1-40 26-30 48 8 15 22 21 43 18 31-3 58-16 80-37 7-6 10-5 16 0 57 51 128 51 186 0 7-6 10-6 17 0 28 26 60 38 92 38 33 0 65-12 93-38 7-6 10-6 17 0 57 51 129 51 186 0 6-5 9-6 15 0 23 21 50 34 80 37 21 3 36-3 43-18 11-22-3-47-29-48zm0 161c-32-2-52-20-68-44-7-11-16-20-29-24h-10c-13 4-22 12-29 24-3 7-9 13-14 19-27 27-59 32-88 14-13-8-24-19-32-32-7-12-15-21-29-25h-10c-13 4-22 13-28 24-7 12-17 22-28 30-12 9-26 14-40 13-14 1-27-4-40-13-11-8-20-18-27-30-7-11-16-20-29-24h-10c-13 4-22 13-29 25-8 13-19 24-32 32-29 18-61 13-87-14-6-6-11-12-15-19-6-11-15-20-28-24h-11c-13 4-21 13-29 24-16 24-36 42-67 44-27 1-40 26-30 48 8 15 22 21 43 18 31-3 58-16 80-37 7-6 10-5 16 0 57 51 128 51 186 1 7-6 10-6 17 0 28 25 60 37 92 37 33 0 65-12 93-37 7-6 10-6 17 0 57 50 129 50 186-1 6-5 9-6 15 0 23 21 50 34 80 37 21 3 36-3 43-18 11-22-3-47-29-48z"/></svg>
Wave in other icon packs
Copied!