SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Coffee
Food Drinks
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
2.18 KB
1.51 KB
-31%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/276549/coffee --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="512" height="512" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="coffee"> <g> <polygon fill="#F4BE8E" points="437.345,0.005 74.671,0.005 53.344,511.995 458.656,511.995 "/> </g> <g> <path fill="#965353" d="M341.159,320.154c0,58.922-38.188,106.686-85.319,106.686s-85.334-47.764-85.334-106.686 c0-58.896,38.203-106.653,85.334-106.653S341.159,261.258,341.159,320.154z"/> </g> <path fill="#7F4545" d="M255.84,213.501c-7.125,0-14.046,1.102-20.664,3.156c-8.523,15.765-17.82,39.312-14.82,63.405 c2.406,19.327,12.164,35.655,28.992,48.561c12.273,9.422,19.078,20.609,20.788,34.219c3.367,26.656-14.077,54.576-20.429,63.717 c2.023,0.172,4.07,0.281,6.133,0.281c7.125,0,14.038-1.109,20.663-3.156c8.516-15.78,17.812-39.326,14.812-63.404 c-2.406-19.344-12.156-35.688-28.991-48.577c-12.273-9.422-19.07-20.609-20.789-34.202c-3.367-26.664,14.07-54.57,20.429-63.726 C259.941,213.595,257.895,213.501,255.84,213.501z"/> <polygon fill="#FFD2A6" points="440.001,64.003 72.007,64.003 74.671,0.005 437.345,0.005 "/> <polygon opacity="0.1" points="71.117,85.331 440.892,85.331 440.001,63.996 72.007,63.996 "/> <path fill="#D94452" d="M224.004,21.34v127.998c0,5.891,4.773,10.664,10.664,10.664s10.671-4.773,10.671-10.664 c0,5.891,4.773,10.664,10.664,10.664s10.664-4.773,10.664-10.664c0,5.891,4.78,10.664,10.679,10.664 c5.875,0,10.656-4.773,10.656-10.664V21.34H224.004z"/> <path fill="#EC5564" d="M224.004,0.005v127.998c0,5.89,4.773,10.664,10.664,10.664s10.671-4.773,10.671-10.664 c0,5.89,4.773,10.664,10.664,10.664s10.664-4.773,10.664-10.664c0,5.89,4.78,10.664,10.679,10.664 c5.875,0,10.656-4.773,10.656-10.664V0.005H224.004z"/> <polygon opacity="0.1" points="53.344,511.995 458.656,511.995 457.781,490.652 54.227,490.652 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
2.18 KB
1.51 KB
-31%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/276549/coffee --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="512" height="512" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="coffee"> <g> <polygon fill="#F4BE8E" points="437.345,0.005 74.671,0.005 53.344,511.995 458.656,511.995 "/> </g> <g> <path fill="#965353" d="M341.159,320.154c0,58.922-38.188,106.686-85.319,106.686s-85.334-47.764-85.334-106.686 c0-58.896,38.203-106.653,85.334-106.653S341.159,261.258,341.159,320.154z"/> </g> <path fill="#7F4545" d="M255.84,213.501c-7.125,0-14.046,1.102-20.664,3.156c-8.523,15.765-17.82,39.312-14.82,63.405 c2.406,19.327,12.164,35.655,28.992,48.561c12.273,9.422,19.078,20.609,20.788,34.219c3.367,26.656-14.077,54.576-20.429,63.717 c2.023,0.172,4.07,0.281,6.133,0.281c7.125,0,14.038-1.109,20.663-3.156c8.516-15.78,17.812-39.326,14.812-63.404 c-2.406-19.344-12.156-35.688-28.991-48.577c-12.273-9.422-19.07-20.609-20.789-34.202c-3.367-26.664,14.07-54.57,20.429-63.726 C259.941,213.595,257.895,213.501,255.84,213.501z"/> <polygon fill="#FFD2A6" points="440.001,64.003 72.007,64.003 74.671,0.005 437.345,0.005 "/> <polygon opacity="0.1" points="71.117,85.331 440.892,85.331 440.001,63.996 72.007,63.996 "/> <path fill="#D94452" d="M224.004,21.34v127.998c0,5.891,4.773,10.664,10.664,10.664s10.671-4.773,10.671-10.664 c0,5.891,4.773,10.664,10.664,10.664s10.664-4.773,10.664-10.664c0,5.891,4.78,10.664,10.679,10.664 c5.875,0,10.656-4.773,10.656-10.664V21.34H224.004z"/> <path fill="#EC5564" d="M224.004,0.005v127.998c0,5.89,4.773,10.664,10.664,10.664s10.671-4.773,10.671-10.664 c0,5.89,4.773,10.664,10.664,10.664s10.664-4.773,10.664-10.664c0,5.89,4.78,10.664,10.679,10.664 c5.875,0,10.656-4.773,10.656-10.664V0.005H224.004z"/> <polygon opacity="0.1" points="53.344,511.995 458.656,511.995 457.781,490.652 54.227,490.652 "/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG