Icon sets / Material Line Icons / coffee-arrow-filled
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g transform="translate(0 0)"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity="0" stroke-dasharray="40" d="M14 4v7c0 1.66 -1.34 3 -3 3h-4c-1.66 0 -3 -1.34 -3 -3v-7Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="40;0"/><animate fill="freeze" attributeName="fill-opacity" begin="1.5s" dur="0.4s" to="1"/></path><g fill="none"><path stroke-dasharray="16" stroke-dashoffset="16" d="M14 4h3c0.55 0 1 0.45 1 1v3c0 0.55 -0.45 1 -1 1h-3"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.3s" to="0"/></path><path stroke-dasharray="18" stroke-dashoffset="18" d="M4 18h15.5"><animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.3s" to="0"/></path><path stroke-dasharray="8" stroke-dashoffset="8" d="M19.5 18l-3 -3M19.5 18l-3 3"><animate fill="freeze" attributeName="stroke-dashoffset" begin="1.3s" dur="0.2s" to="0"/></path></g></g></g></svg>
Customize
About this icon
A filled coffee arrow icon from Material Line Icons. Handy for café menus, opening hours or a "time for a break" reminder in an app.
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 | filled |
| Original size | 24 × 24 |
| Name | line-md:coffee-arrow-filled |
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