Icon sets / Material Line Icons / arrow-close-up
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="20" d="M3 3l18 0"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20;0"/></path><path stroke-dasharray="16" stroke-dashoffset="16" d="M12 21l0 -13.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.3s" to="0"/></path><path stroke-dasharray="12" stroke-dashoffset="12" d="M12 7l7 7M12 7l-7 7"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.2s" to="0"/></path></g></g></svg>
Customize
About this icon
The Material Line Icons version of the arrow close up icon, in a line style. Arrows look tidiest when they all come from one family. Rotate one arrow instead of mixing four different ones.
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. You can make the lines thinner or bolder with the slider above.
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:arrow-close-up |
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