SVG
Viewer
Dark mode
Light mode
Hide sidebar
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%
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"?> <!-- 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
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%
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"?> <!-- 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