Bye
The 'bye' icon represents an exit or leave action, commonly used to indicate the end of a process or session.
Add shadcn.io to your AI agent. · Pro It installs Bye, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
2,658 in IconParkApache 2.0 license (opens in a new tab)Free to copy and download
Code
Bye in your framework
In any framework. Customize it above, and the code follows.
export const ByeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" fill="none" stroke="currentColor" {...props}>
<g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path d="M34.9998 26.6138L15.146 7.31381C13.9866 6.18672 12.133 6.21294 11.0059 7.37237C10.965 7.41445 10.9254 7.45775 10.8871 7.50222C9.74412 8.82893 9.82256 10.8138 11.0666 12.0462L21.0908 21.9762"/><path strokeLinejoin="round" d="M21.0909 21.9761L10.1773 11.1547C8.88352 9.87182 6.8201 9.80162 5.44214 10.9936C4.17554 12.0892 4.03694 14.0041 5.13256 15.2707C5.17411 15.3188 5.21715 15.3655 5.26164 15.4108L16.2553 26.6137"/><path d="M16.2551 26.6137L9.99976 20.5C8.73742 19.2102 6.67293 19.1744 5.36657 20.4195C4.0742 21.6514 4.02513 23.6977 5.25697 24.99C5.26264 24.996 5.26833 25.0019 5.27405 25.0078C14.5036 34.5442 19.2938 39.0485 21.0908 40.5534C23.9998 42.9896 29.7348 44 32.7302 42C35.7257 40 38.4331 37.1544 39.7181 34.3287C40.4831 32.6464 41.9689 27.4595 44.1756 18.7678C44.6248 16.9986 43.5547 15.2001 41.7854 14.7509C41.7625 14.7451 41.7395 14.7395 41.7164 14.7342C39.8832 14.3104 38.0429 15.4115 37.5496 17.2273L34.9998 26.6137"/><path d="M31.7156 12.6658C31.0037 11.6024 30.19 10.613 29.2884 9.71137C28.3868 8.80978 27.3973 7.99606 26.334 7.28417C25.8048 6.92996 25.2574 6.60096 24.6934 6.29889C24.1327 5.99858 23.5557 5.72488 22.9639 5.47949"/><path d="M5.19397 33.7761C5.84923 34.8753 6.61005 35.906 7.46322 36.8536C8.31639 37.8011 9.26192 38.6655 10.2866 39.4321C10.7964 39.8135 11.3259 40.1707 11.8733 40.5019C12.4175 40.8311 12.9795 41.1346 13.5576 41.4106"/></g>
</svg>
);Other libraries
Bye in 1 more libraries
Each library draws it its own way. Open one to compare.
IconPark
More like it
Icons that share its tags, in the same style.
Search IconPark
Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.
Get ProTags
Browse by tag
Bye is tagged UI, navigation, exit and 2 more. Related tags follow; each opens its icons from every library.
Pricing
IconPark MCP, with Pro
Ask for Bye or any of 2,658 IconPark icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Bye icon means and where it's used, then how to install, style and license it.
Install Bye from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.