Cover Image

Data URIs for navicon (hamburger menu) icons

The "hamburger" icon is becoming a staple of modern UI design. Users see those three lines and immediately know that a menu lies beneath. There are many approaches to getting them into your app, including border hacks, box-shadow hacks, etc. Here's an approach that uses a very small data URI to get the job done.