This sort of menu icon seems quite popular. It needs some extra styling, a bit of js, and an attribute to run, which can all be found on the element tab.
The only difference between the two icons is, that in the left one the horizontal rules are 35 px wide (as against 40px in the right one). If you want to go beyond those two numbers, in either direction, you risk having to deal with changes to the transformation.
Download this component
This component can be used both for 'mobile-up' and 'desktop-down'.
Animated Menu-Icon
This sort of menu icon seems quite popular. It needs some extra styling, a bit of js, and an attribute to run, which can all be found on the element tab.
The only difference between the two icons is, that in the left one the horizontal rules are 35 px wide (as against 40px in the right one). If you want to go beyond those two numbers, in either direction, you risk having to deal with changes to the transformation.
Download this component
This component can be used both for 'mobile-up' and 'desktop-down'.