Create Custom Burger Menu Icon in HTML/CSS

In this tutorial we are creating a custom burger menu icon by using HTML and CSS. If we look at the fontawesome burger menu icon, that is fine, you can use that as well but that may not offer flexibility that you need in some cases. If you want to control thickness of lines, number of lines and width and height of lines, gaps between lines, then you can have such control in a better way by using your own custom icon. Twitter Bootstrap did a good job in this case but what if you are not even using Bootstrap? Create your own icon to use in your projects.

English Version

Urdu/Hindi Version