Home > Code stuff > Miscellanea > Animated SVG menu icon

Animated SVG menu icon

Code

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

Posted on November 13, 2015 in Code stuff, Miscellanea and tagged navigation, icons. This post has been viewed 5078 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

Another incredible free set of 39 coloured Christmas icons in SVG format brought to you by Iconscout for creating stunning greeting cards.

November 22, 2016December 1, 2016

Free set of 39 coloured Christmas icons

Exclusive

Ai Sketch

A free set of 100 Christmas icons brought to you by Designer Bundle including an Illustrator file that you’re free to edit at your pleasure.

November 17, 2016November 28, 2016

A free set of 100 Ai icons for Christmas

Exclusive

A tutorial that explains how to create a morphing dropdown navigation menu as seen on Stripe.com with few lines of HTML, CSS and JavaScript.

October 16, 2016

Morphing dropdown navigation inspired to Stripe

Code

A set of 100 free generic icons for Sketch and Illustrator designed by Murat Mutlu, co-founders at Marvel and a Product Designer by trade.

October 9, 2016

100 Free line and solid icons by Marvel

Ai Sketch

You should try this

Retro 4: A Premium vintage theme for WordPress

Recent Freebies

OAK is a free HTML portfolio template ideal for designers, photographers and any kind of creative people who need a website for showcasing their own works.

July 22, 2017

OAK: A free HTML template for creative portfolios

Exclusive

Code

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Wavehaus Sans is a free font family designed by Graham Paterson. The typeface comes in 6 weights (Thin, Light, Book, Semibold, Bold and Extra Bold).

June 27, 2017June 27, 2017

Wavehaus Sans: A free typeface in 6 weights

Font

Share this

Search Freebie

Envato