Whistle color icon
The color version of the whistle line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1f0f7" stroke="none"><path fill-rule="evenodd" d="m21 13.5.38-.08.33-.21.21-.33.08-.38-.02-4.7-.15-.36-.12-.15-.33-.21L21 7H8l-.69.03-.68.1-.66.17-.65.23-.62.3-.59.35-.55.41-.51.46-.46.51-.41.55-.35.59-.3.62-.23.65-.17.66-.1.68L1 14l.03.69.1.68.17.66.23.65.3.62.35.59.41.55.46.51.51.46.55.41.59.35.62.3.65.23.66.17.68.1L8 21l.69-.03.68-.1.66-.17.65-.23.62-.3.59-.35.55-.41.51-.46.46-.51.41-.55.35-.59.3-.62.23-.65.17-.66.1-.68.01-1.19zm-11.26.67-.07.34-.13.31-.19.29-.24.24-.29.19-.31.13-.34.07h-.34l-.34-.07-.31-.13-.29-.19-.24-.24-.19-.29-.13-.31-.07-.34v-.34l.07-.34.13-.31.19-.29.24-.24.29-.19.31-.13.34-.07h.34l.34.07.31.13.29.19.24.24.19.29.13.31.07.34z"/></g><g fill="none" stroke="#1d5d63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="14" r="6"/><path d="M8 8h13v4.5h-7.2M8 14h.01"/></g></svg>Want it moving? See the animated whistle icon.