Wind Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Wind 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/306936.svg" alt="Wind icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306936.svg" alt="Wind icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306936.svg" alt="Wind icon" :width="24" :height="24" />
CSS background
.icon-wind {
background-image: url('https://proicons.com/icon/306936.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="M708 493c-14-3-29-3-44-3-148 0-296-1-444-1h-86c-12 0-19 7-20 17-1 9 4 18 13 20 4 1 7 1 11 1h275c89 1 177 1 265 1 56 0 103 45 104 101 1 47-33 82-79 84-38 1-69-38-59-73 5-17 17-27 33-31 16-3 31 0 41 15 6 8 16 9 24 4 9-6 11-16 6-26-8-14-21-23-36-28-45-15-96 14-106 61-10 48 22 99 70 112 2 0 3 1 5 1 9 2 30 4 60-5 8-2 15-6 22-10 40-24 62-71 56-117-9-63-49-107-111-123zm-107-31c47 0 85-17 109-59 35-61 8-129-51-148-48-17-96 9-108 58-2 6-3 14-1 21 1 9 8 15 17 15 10 0 17-6 19-15 1-5 1-10 2-15 8-28 38-40 66-26 26 13 39 42 32 70-11 38-40 61-80 61-173 0-346 0-519-1-11 0-19 4-24 15v8c4 12 13 15 24 15h282c77 0 154 0 232 1zm-78 95H187c-13 0-22 7-22 18 0 12 8 19 22 20h338c14 0 22 5 23 16 2 10-4 18-14 21-3 1-6 1-9 2-9 3-15 11-14 19 1 10 8 16 17 17 31 3 61-28 58-59-3-35-27-54-63-54zm410-197c-9-27-29-42-56-47-25-5-46 3-62 23-9 11-12 23-13 36 0 11 7 19 17 20 9 1 18-5 20-16 1-4 1-8 3-12 8-19 35-20 50-2s8 49-14 64c-8 5-18 8-28 8h-99c-13 0-22 8-22 19s9 19 21 19h58c18-1 39 2 61-2 50-10 81-63 64-110z"/></svg>
More from IcoFont
View all
Wind in other icon packs
Copied!