Add icons to this collection by clicking the heart icon.
Whistle icon - also known as game, referee, whistle, and sports and competition. Created in a clean color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient
id="e"
x1="23.819"
x2="343.745"
y1="157.931"
y2="477.857"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#838383" />
<stop offset="1" stop-color="#5a5a5a" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#444" stop-opacity="0" />
<stop offset=".06" stop-color="#414141" stop-opacity=".06" />
<stop offset=".656" stop-color="#252525" stop-opacity=".656" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="f"
x1="330.257"
x2="304.757"
y1="344.044"
y2="325.544"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="29.848"
x2="29.848"
y1="336.25"
y2="287.174"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5a5a5a" stop-opacity="0" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="h"
x1="318.686"
x2="348.186"
y1="425.436"
y2="395.936"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="390.482"
x2="375.181"
y1="358.232"
y2="373.533"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fee97d" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="j"
x1="46.899"
x2="46.899"
y1="240.628"
y2="267.86"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="198.597"
x2="388.643"
y1="136.212"
y2="326.257"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="253.643"
x2="109.632"
y1="318.401"
y2="174.39"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".69" stop-color="#d68c3d" stop-opacity=".69" />
<stop offset="1" stop-color="#c5715a" />
</linearGradient>
<linearGradient
id="m"
x1="391.31"
x2="397.678"
y1="211.692"
y2="270.912"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="190.239"
x2="190.239"
y1="301.061"
y2="392.669"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d2024e" />
</linearGradient>
<linearGradient
id="o"
x1="199.375"
x2="242.19"
y1="35.443"
y2="35.443"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="334.614"
x2="377.429"
y1="1277.523"
y2="1277.523"
gradientTransform="rotate(45 1780.356 581.633)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="-882.907"
x2="-840.092"
y1="-22.208"
y2="-22.208"
gradientTransform="rotate(135 -376.642 230.793)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M182.973 510C91.18 510 16.5 435.321 16.5 343.528V156.994c0-23.289 13.366-43.294 34.883-52.206 21.518-8.913 45.113-4.219 61.582 12.25L361.25 365.322l24.038-24.039c17.194-17.193 41.83-22.092 64.293-12.789C472.045 337.8 486 358.685 486 383s-13.955 45.2-36.419 54.505c-22.46 9.304-47.098 4.406-64.293-12.789l-24.038-24.039-60.564 60.564C269.243 492.684 227.439 510 182.973 510zM73.312 125.439c-4.506 0-8.766.956-12.361 2.446-9.402 3.894-19.45 13.587-19.45 29.109v186.534C41.5 421.536 104.965 485 182.973 485c37.788 0 73.315-14.716 100.036-41.436L343.572 383 95.287 134.715c-6.779-6.779-14.697-9.276-21.975-9.276zM378.928 383l24.038 24.039c11.842 11.841 26.9 11.572 37.049 7.369C450.159 410.206 461 399.748 461 383s-10.841-27.206-20.985-31.408c-10.147-4.204-25.208-4.473-37.049 7.369z"
/>
<path
fill="url(#f)"
d="m264.661 304.089 55.5 55.5 17.678-17.678-55.5-55.5z"
/>
<path
fill="url(#g)"
d="M41.5 343.528v-98.111h-25v98.111c0 7.419.495 14.724 1.44 21.889h25.255a141.964 141.964 0 0 1-1.695-21.889z"
/>
<path
fill="url(#h)"
d="M283.009 443.564a144.569 144.569 0 0 1-5.226 4.97l17.691 17.691a169.64 169.64 0 0 0 5.212-4.983l60.564-60.564L343.572 383z"
/>
<path
fill="url(#i)"
d="M402.966 358.961c5.732-5.732 12.216-8.62 18.534-9.605v-25.268c-13.344 1.197-26.072 7.056-36.212 17.195l-24.038 24.039L378.928 383z"
/>
<path
fill="url(#j)"
d="M93.798 286.014H31.014C13.885 286.014 0 272.129 0 255c0-17.129 13.885-31.014 31.014-31.014h62.785v62.028z"
/>
<path
fill="url(#k)"
d="M510 134.71v84.493c0 7.908-5.82 14.615-13.647 15.725l-170.005 24.026c-2.091 73.149-61.847 131.844-135.412 132.21-74.471.371-135.908-59.94-136.847-134.406-.812-64.399 43.077-118.679 102.602-133.755 6.808-1.724 13.421 3.437 13.421 10.46 0 5.953 4.826 10.78 10.78 10.78h64.679c5.953 0 10.78-4.826 10.78-10.78v-3.848c0-5.953 4.826-10.78 10.78-10.78h226.996c8.772-.001 15.873 7.11 15.873 15.875z"
/>
<circle cx="190.243" cy="255" r="85.532" fill="url(#l)" />
<path
fill="url(#m)"
d="M494.124 118.834H267.128c-5.953 0-10.78 4.826-10.78 10.78v3.848c0 .802-.094 1.581-.26 2.333 41.928 23.21 70.32 67.889 70.32 119.205 0 1.324-.024 2.642-.061 3.957h.001v-.004l170.005-24.026C504.18 233.818 510 227.11 510 219.202V134.71c0-8.765-7.101-15.876-15.876-15.876z"
/>
<path
fill="url(#n)"
d="M55.614 275.509c9.891 65.471 66.398 115.657 134.629 115.657 68.23 0 124.732-50.186 134.622-115.657z"
/>
<path
fill="url(#o)"
d="M213.188 70.885c-8.514 0-15.415-6.902-15.415-15.415V15.415C197.773 6.902 204.675 0 213.188 0c8.514 0 15.415 6.902 15.415 15.415V55.47c.001 8.514-6.901 15.415-15.415 15.415z"
/>
<path
fill="url(#p)"
d="M250.834 86.479c-6.02-6.02-6.02-15.78 0-21.8l28.323-28.323c6.02-6.02 15.78-6.02 21.8 0 6.02 6.02 6.02 15.78 0 21.8l-28.323 28.323c-6.02 6.02-15.78 6.02-21.8 0z"
/>
<path
fill="url(#q)"
d="M125.419 36.355c6.02-6.02 15.78-6.02 21.8 0l28.323 28.323c6.02 6.02 6.02 15.78 0 21.8-6.02 6.02-15.78 6.02-21.8 0l-28.323-28.323c-6.02-6.019-6.02-15.78 0-21.8z"
/>
</svg>
More icons in the same style and category