Burger Menu Icon

A minimal interactive icon component designed for toggling navigation menus.

Features:

• Toggle behavior: switches between closed (hamburger) and open (X) states

• Smooth morph animation for the icon lines

• Customizable color and transition

• Integration ready — you can bind the toggle to show/hide a menu panel

• Responsive support: you can conditionally show or hide it based on viewport width

How to use:

• Copy the component into your project

• Place it within your header, navbar, or wherever you want the toggle

• Link the component to any interaction you prefer

• Customize to your liking

• Use the visibility variable if you wish to hide it on a certain breakpoint