Burger Menu Icon

A minimal interactive icon component designed for toggling navigation menus.

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