SVG
Viewer
Dark mode
Light mode
Hide sidebar
Coffee
Stylized Essential Interface Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.39 KB
621 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by Giovanna Tonello: https://www.figma.com/@gi --> <svg width="800px" height="800px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="coffee"> <g id="coffee_2"> <path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M21 11V5C21 4.44772 20.5523 4 20 4C19.4477 4 19 4.44772 19 5V11C19 11.5523 19.4477 12 20 12C20.5523 12 21 11.5523 21 11ZM19 44H5C4.44772 44 4 43.5523 4 43C4 42.4477 4.44772 42 5 42H11.5116C7.02171 39.4081 4 34.5569 4 29V21C4 19.3417 5.34172 18 7 18H33C34.6583 18 36 19.3417 36 21V24H37.928C41.2423 24 43.928 26.6857 43.928 30C43.928 33.3143 41.2423 36 37.928 36H37.578C37.0257 36 36.578 35.5523 36.578 35C36.578 34.4477 37.0257 34 37.578 34H37.928C40.1377 34 41.928 32.2097 41.928 30C41.928 27.7903 40.1377 26 37.928 26H36V29C36 34.5569 32.9783 39.4081 28.4884 42H35C35.5523 42 36 42.4477 36 43C36 43.5523 35.5523 44 35 44H21H19ZM34 26V29C34 36.1797 28.1797 42 21 42H19C11.8203 42 6 36.1797 6 29V21C6 20.4463 6.44628 20 7 20H33C33.5537 20 34 20.4463 34 21V24H33C32.4477 24 32 24.4477 32 25C32 25.5523 32.4477 26 33 26H34ZM15 7V13C15 13.5523 14.5523 14 14 14C13.4477 14 13 13.5523 13 13V7C13 6.44772 13.4477 6 14 6C14.5523 6 15 6.44772 15 7ZM27 13V7C27 6.44772 26.5523 6 26 6C25.4477 6 25 6.44772 25 7V13C25 13.5523 25.4477 14 26 14C26.5523 14 27 13.5523 27 13Z" fill="#000000"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.39 KB
621 bytes
-56%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- License: PD. Made by Giovanna Tonello: https://www.figma.com/@gi --> <svg width="800px" height="800px" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="coffee"> <g id="coffee_2"> <path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M21 11V5C21 4.44772 20.5523 4 20 4C19.4477 4 19 4.44772 19 5V11C19 11.5523 19.4477 12 20 12C20.5523 12 21 11.5523 21 11ZM19 44H5C4.44772 44 4 43.5523 4 43C4 42.4477 4.44772 42 5 42H11.5116C7.02171 39.4081 4 34.5569 4 29V21C4 19.3417 5.34172 18 7 18H33C34.6583 18 36 19.3417 36 21V24H37.928C41.2423 24 43.928 26.6857 43.928 30C43.928 33.3143 41.2423 36 37.928 36H37.578C37.0257 36 36.578 35.5523 36.578 35C36.578 34.4477 37.0257 34 37.578 34H37.928C40.1377 34 41.928 32.2097 41.928 30C41.928 27.7903 40.1377 26 37.928 26H36V29C36 34.5569 32.9783 39.4081 28.4884 42H35C35.5523 42 36 42.4477 36 43C36 43.5523 35.5523 44 35 44H21H19ZM34 26V29C34 36.1797 28.1797 42 21 42H19C11.8203 42 6 36.1797 6 29V21C6 20.4463 6.44628 20 7 20H33C33.5537 20 34 20.4463 34 21V24H33C32.4477 24 32 24.4477 32 25C32 25.5523 32.4477 26 33 26H34ZM15 7V13C15 13.5523 14.5523 14 14 14C13.4477 14 13 13.5523 13 13V7C13 6.44772 13.4477 6 14 6C14.5523 6 15 6.44772 15 7ZM27 13V7C27 6.44772 26.5523 6 26 6C25.4477 6 25 6.44772 25 7V13C25 13.5523 25.4477 14 26 14C26.5523 14 27 13.5523 27 13Z" fill="#000000"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download