Products

Integrations

Customers

Resources

Pricing

David Tanner

Hamburger to X Nav Icon

David Tanner

pro

Here is a simple animation for transitioning from a drawer nav menu to an exit icon button.

Tags

navmenuiconhamburgerclosedrawerRectangleSymbolDarknessCircleLogo

Integrations & plugins

View all

Shortcuts:

esc

Close

space

Play/Pause

A

Appreciate

F

Full Screen (or double click)

Distributed under the Lottie Simple License

Report animation

Products

Free Animations

Marketplace

LottieFiles Platform

Lottie Editor

Lottie Creator

LottieFiles Mobile App

Integrations & Tools

Adobe After Effects plugin

Figma plugin

Canva

Web Player

SVG to Lottie

Lottie to GIF

Lottie to dotLottie

JSON Editor

Optimize Lottie

Open Source Libraries

Customers

Customer Stories

Use Cases

Case Studies

Built with Lottie

Why Motion?

Resources

Education Center

Blog

What is Lottie

Forum

FAQ & Support

Lottie Lab

Community

Interactivity Guide

LottieDocs

Terms and Policies

Privacy Policy

Security

Terms and Conditions

Terms of Sale

Community Guidelines

Upload Guidelines

Get LottieFiles for mobile and desktop

App Store
Google Play
Mac App Store

LottieFiles for Apple Vision ProLottieFiles for Apple Vision Pro

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Copyright © 2024 Design Barn Inc. All rights reserved.

Made with ❤️ fromVietnam

Feedback

Press

Meet the team

Careers

Products

Free Animations

Marketplace

LottieFiles Platform

Lottie Editor

Lottie Creator

LottieFiles Mobile App

Integrations & Tools

Adobe After Effects plugin

Figma plugin

Canva

Web Player

SVG to Lottie

Lottie to GIF

Lottie to dotLottie

JSON Editor

Optimize Lottie

Open Source Libraries

Customers

Customer Stories

Use Cases

Case Studies

Built with Lottie

Why Motion?

Resources

Education Center

Blog

What is Lottie

Forum

FAQ & Support

Lottie Lab

Community

Interactivity Guide

LottieDocs

Terms and Policies

Privacy Policy

Security

Terms and Conditions

Terms of Sale

Community Guidelines

Upload Guidelines

Get LottieFiles for mobile and desktop

App Store
Google Play
Mac App Store

LottieFiles for Apple Vision ProLottieFiles for Apple Vision Pro

Region:

International

Español

Português

한국어

日本

Français

Deutsch

LottieFiles is by Design Barn Inc.

Copyright © 2024 Design Barn Inc. All rights reserved.

Made with ❤️ fromVietnam

Feedback

Press

Meet the team

Careers