Icon sets / Material Line Icons / menu-to-close-transition
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5l7 7l7 -7M12 12h0M5 19l7 -7l7 7"><animate fill="freeze" attributeName="d" dur="0.4s" values="M5 5l7 0l7 0M5 12h14M5 19l7 0l7 0;M5 5l7 7l7 -7M12 12h0M5 19l7 -7l7 7"/></path></g></svg>
Customize
About this icon
The Material Line Icons version of the menu to close transition icon, in a line style. Three lines open the menu on phones. If your visitors aren't used to it, a small "Menu" label next to it helps.
It's drawn with lines on a 24 × 24 grid. The lines are about 2 px at 24 px, so it stays crisp even at 16 px. Want it heavier? Drag the stroke slider, then download.
It's free for personal and commercial use (MIT).
| Icon set | Material Line Icons (version 1.2.16) |
| Author | Vjacheslav Trushkin |
| Licence | MIT |
| Style | line |
| Original size | 24 × 24 |
| Name | line-md:menu-to-close-transition |
Topics
Credit (optional)
Credit is not required by this licence, but it helps the authors and us. You can paste this line on your site:
Something wrong with this icon? Report it