Whistle Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Whistle 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/306916.svg" alt="Whistle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306916.svg" alt="Whistle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306916.svg" alt="Whistle icon" :width="24" :height="24" />
CSS background
.icon-whistle {
background-image: url('https://proicons.com/icon/306916.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="M695 148c57-2 104 22 146 61 21 19 6 29-6 39-12 11-16 39-45 17-74-59-110-59-190-11L141 530c-70 42-83 81-49 158l24 54c21 42 44 47 78 14 71-69 140-139 210-208 69-69 160-79 242-28 39 25 78 52 117 76 44 27 80 18 107-26 13-21 25-44 37-66 35-67 15-140-49-180-18-10-23 2-31 10s-14 5-21-1c-7-7-10-13-2-21 29-34 59-68 89-102 7-8 13-7 20 0 9 8 13 16 2 24-29 23-7 37 10 52 83 76 97 162 43 261-13 22-24 45-37 66-43 71-126 93-198 51-42-25-83-53-124-79-56-36-106-30-153 16-66 65-131 130-197 196-88 86-167 72-217-40-22-50-50-97-40-156 9-52 33-93 78-120 170-104 341-206 512-309 32-18 65-26 103-24z"/></svg>
More from IcoFont
View all
Whistle in other icon packs
Copied!