Home/Libraries/IonIcons/bowtie

IonIcons

Bowtie

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path d="M223.955 212.011s8.054-4.679 19.985-7.011c21.318-4.166 39.472-5.5 47.466 8.5 9.777 17.124 18.402 53.417 16.488 85.5-1 16.75-4.622 22.125-4.622 22.125s-15.333 9.525-47.341 6.875c-34.725-2.875-39.971-15.004-39.971-15.004s4.497-11.305 7.995-42.499c3.497-31.194 0-58.486 0-58.486z" fill="#818cf8"/><path d="M183.984 285c12.546-3.323 23.03-7.189 27.659-8.985.693-4.707 1.28-9.718 1.694-15.015.271-3.461.465-6.754.602-9.896-6.854-2.333-13.534-4.851-28.769-10.104-38.66-13.333-57.146-17-57.146-17s14.24-2.5 42.219 3c19.986 3.929 34.392 9.5 43.947 14.333.771-15.999-2.477-32.583-2.477-32.583C189.729 168.5 119.53 112 84.368 112 57.888 112 32 180.5 32 256s23.03 144 51.51 144c33.356 0 116.463-80 116.463-80s5.738-12.578 9.879-33.572c-18.788 5.198-63.84 8.572-63.84 8.572s20.984-5.5 37.972-10z" fill="#818cf8"/><path d="M427.632 112c-36.37 0-102.363 56.5-124.348 96.75l-.761 1.375s1.389 2.527 1.873 3.375c3.424 5.996 6.704 14.348 9.442 24.041 8.115-2.805 23.599-8.164 37.523-13.041 19.985-7 34.975-9.5 34.975-9.5s-52.982 23.741-69.605 34.264c2.169 10.159 3.693 21.199 4.218 32.242 5.423 2.216 16.551 6.475 29.914 9.994 18.986 5 40.398 11.5 40.398 11.5s-54.202-5.27-70.114-12.522a154.92 154.92 0 0 1-.263 8.522c-.997 16.719-4.608 22.104-4.622 22.124 7.621 10.543 75 78.876 112.228 78.876 28.48 0 51.51-68.5 51.51-144s-25.888-144-52.368-144z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install react-ionicons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BowtieIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.