A Perfect Hamburger

Quite often there is an ask for a Hamburger icon to build a mobile NavBar.

In the past I have used the Font Awesome hamburger symbol as a glyph as it scales well.
All other approaches create an image that does not scale well and is an extra HTTP fetch.
Adding a Font just for one glyph is equally excessive so I have been looking for the perfect hamburger.

:pointAttachment 128561

My solution is to use a Rectangle or Rounded Rectangle with a Linear Fill of alternating colour and transparency banding (not a Repeating Fill ! ).
I have included a rollover effect and the icon uses named colours so you can size, shape and craft your own 'burger with relish.

Consider my design file a small stocking filler for Christmas.

Acorn

Thanks for burning out my retinas with that contrasting red and green. :O

Quote:

---

Originally Posted by gwpriester

Thanks for burning out my retinas with that contrasting red and green. :O

---

Christmas colours Gary.

A tamer one here: https://acornucopia.space/clients/TG...ont/navbar.htm.

Acorn

Thanks Acorn for the stocking filler.
Wishing you and all TG’ers much health and happiness for 2021

Roly

A prezzie for Gary:
LINK

EGG it's beautiful

Quote:

---

Originally Posted by Acorn

Christmas colours Gary.

A tamer one here: https://acornucopia.space/clients/TG...ont/navbar.htm.

Acorn

---

Nice one :)

This would come pretty close for me. (Thanks Egg)

Quote:

---

Originally Posted by Egg Bramhill

A prezzie for Gary:
LINK

---

Egg, you might sell the concept to one of the large burger chains and become rich!

I mean, it works, I got hungry for one right away.