Whistle Icon
Free SVG icon from the Carbon Icons 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/320992.svg" alt="Whistle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320992.svg" alt="Whistle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320992.svg" alt="Whistle icon" :width="24" :height="24" />
CSS background
.icon-whistle {
background-image: url('https://proicons.com/icon/320992.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="whistle_00000009571453414634726760000007071020229530162062_" d="M11,30.36C5.288,30.36,0.64,25.713,0.64,20 C0.64,14.288,5.288,9.64,11,9.64h8c0.199,0,0.36,0.161,0.36,0.36v1.64h3.279V10c0-0.199,0.161-0.36,0.36-0.36h8 c0.199,0,0.36,0.161,0.36,0.36v6c0,0.171-0.121,0.319-0.29,0.353l-9.71,1.942V20C21.36,25.713,16.712,30.36,11,30.36z M11,10.36 c-5.315,0-9.64,4.325-9.64,9.64s4.325,9.64,9.64,9.64s9.64-4.324,9.64-9.64v-2c0-0.172,0.121-0.319,0.29-0.353l9.71-1.942V10.36 h-7.28V12c0,0.199-0.161,0.36-0.36,0.36h-4c-0.199,0-0.36-0.161-0.36-0.36v-1.64H11z M11,26.36c-3.507,0-6.36-2.854-6.36-6.36 s2.853-6.36,6.36-6.36s6.36,2.853,6.36,6.36S14.507,26.36,11,26.36z M11,14.36c-3.11,0-5.64,2.53-5.64,5.64s2.53,5.64,5.64,5.64 s5.64-2.529,5.64-5.64C16.64,16.89,14.11,14.36,11,14.36z M25,7.36c-0.092,0-0.185-0.035-0.255-0.105 c-0.141-0.141-0.141-0.368,0-0.509l4-4c0.141-0.141,0.369-0.141,0.51,0s0.141,0.368,0,0.509l-4,4C25.185,7.325,25.092,7.36,25,7.36z M17,7.36c-0.092,0-0.184-0.035-0.254-0.105l-4-4c-0.141-0.141-0.141-0.368,0-0.509s0.368-0.141,0.509,0l4,4 c0.141,0.141,0.141,0.368,0,0.509C17.185,7.325,17.092,7.36,17,7.36z M21,7.36c-0.199,0-0.36-0.161-0.36-0.36V1 c0-0.199,0.161-0.36,0.36-0.36S21.36,0.801,21.36,1v6C21.36,7.199,21.199,7.36,21,7.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Whistle in other icon packs
Copied!