lucide
lucide copied to clipboard
Whistle icon
Icon name
whistle
Use cases
- My current project needs an icon to represent coach rights
- This icon also represents a referee in sports
Design ideas
A whistle tilted 45 degrees to the bottom and left. Ex:
Checklist
- [X] I have searched if someone has submitted a similar issue before and there weren't any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
- [X] I have searched existing icons to make sure it does not already exist and I didn't find any.
- [X] I am not requesting a brand logo and the art is not protected by copyright.
- [X] I am not requesting an icon that includes religious, political imagery or hate symbols.
- [X] I have provided appropriate use cases for the icon(s) requested.
import React from 'react';
const TiltedWhistleIcon = () => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 48 48"
>
{/* Draw the whistle body */}
{/* Draw the whistle top */}
<ellipse cx="24" cy="20" rx="8" ry="4" fill="#000" />
{/* Draw the whistle hole */}
<circle cx="28" cy="24" r="2" fill="#fff" />
{/* Apply the tilt transformation */}
<g transform="rotate(-45, 24, 24)">
{/* You can adjust the rotation angle or other attributes as needed */}
</g>
</svg>
); };
export default TiltedWhistleIcon;