Free HTML and CSS hamburger menu icons. Demo and download code (*zip).
Update of March 2017 collection. 5 new items.

RELATED COLLECTIONS

1. CSS Menu

Author

• Sarath AR
• 23.08.2017

Links

• download
• demo and code

Made with

• HTML
• CSS
• JavaScript (jquery.js)

About the code

---

HAMBURGER OPEN ANIMATION

HTML, CSS and JS hamburger open animation.

Author

• thelaazyguy
• 01.08.2017

Links

• download
• demo and code

Made with

• HTML
• CSS
• JavaScript
• SVG

About the code

SVG MENU ANIMATION

Hamburger menu animtion with svg element.

 

---

Author

• Ajay
• 29.06.2017

Links

• download
• demo and code

Made with

• HTML
• CSS
• JavaScript (jquery.js)

About the code

HAMBURGER ICON ANIMATION

Simple CSS hamburger icon animation with little jQuery.

---

Author

• Jose Rosario
• 29.03.2017

Links

• download
• demo and code

Made with

• HTML
• CSS
• JavaScript

About the code

HAMBURGER MENU BUTTON

HTML, CSS and JavaScript hamburger menu button.

 

---

Author

• Bennett Feely
• 13.03.2017

Links

• download
• demo and code

Made with

• HTML/Haml
• CSS/SCSS
• JavaScript (jquery.js)

About the code

3D HAMBURGER TRANSFORMICON

3D hamburger transformation with HTML, CSS and JS.

Click Me! Hamburger Menu

Original shot https://dribbble.com/shots/3323188-Experimental-Hamburger-Menue
Made by Alexandr Izumenko
March 2, 2017

Hamburger Icon Animations

12 hamburger icon animations.
Made by Rosa
November 6, 2016

Atomic Hamburger Menu CSS

HTML and CSS atomic hamburger menu.
Made by Alex Coven
October 10, 2016

Hamburger Icon Animations

Hamburger icon animations in HTML, CSS and JavaScript.
Made by Carlos
August 13, 2016

Animated Burger/Menu Icon

HTML, CSS and JavaScript animated burger/menu icon.
Made by Nicholas M. Smith
July 31, 2016

Hamburger Menu Elastic

Hamburger menu elastic with HTML, CSS and JavaScript.
Made by Davide Cantelli
July 6, 2016

20 Menu Buttons To Hamburger

Menu button to hamburger. Styled & animated with pure CSS.
Made by Yinxi Chen
June 5, 2016

Animated Menu Icon

Animated menu icon toggling between hamburger for open and X for exit.
Made by Eric Grucza
May 27, 2016

Simple Navbar Toggle To X (Vanilla JS)

A simple CSS and JS solution to make a standard Navbar “hamburger” into an X on click, and then back to a hamburger when clicked. Requires no dependencies, written with vanilla JS.
Made by Joseph Gengarella
April 3, 2016

Menu Icon Animation

Menu icon animation with HTML, CSS and JavaScript.
Made by Marius Balaj
March 23, 2016

CSS(SASS) Hamburger Menu Animation

A small hover animation on a hamburger menu icon.
Made by Derek Morash
January 11, 2016

SVG Menu Icon

Codrops SVG menu icon with popmotion.
Made by Popmotion
November 12, 2015

Expanding Hamburger Navigation Icon

Expanding hamburger menu that displays the intent of the button more clearly than a typical hamburger menu icon.
Made by Ryan Canfield
May 11, 2015

Hamburger Menu Animation

Just another hamburger menu animation.
Made by Sebastian Popp
April 2, 2015

Drawn Hamburger Transition

More fun with hamburger icon transitions.
Made by Jesse Couch
September 4, 2014