SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Coffee
Food And Drink 4
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.09 KB
3.1 KB
-24%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/153233/coffee --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#2D4452;" cx="256" cy="256" r="256"/> <circle style="fill:#CCCCCC;" cx="260" cy="332" r="104"/> <circle style="fill:#E6E6E6;" cx="260" cy="332" r="96"/> <circle style="fill:#CCCCCC;" cx="260" cy="332" r="36"/> <g style="opacity:0.4;"> <path style="fill:#F5F5F5;" d="M246.46,373.848c-3.284-1.068-6.384-2.532-9.28-4.3l-20.952,29.332 c3.916,2.568,8.048,4.832,12.392,6.692L246.46,373.848z"/> <path style="fill:#F5F5F5;" d="M219.944,350.12l-35.032,9.22c4.752,13.008,12.748,24.448,23.064,33.312l21.916-28.656 C225.736,360.08,222.34,355.38,219.944,350.12z"/> </g> <path style="fill:#99602E;" d="M256,0C114.616,0,0,114.616,0,256c0,33.96,6.672,66.344,18.68,96h474.64 c12.008-29.656,18.68-62.04,18.68-96C512,114.616,397.384,0,256,0z"/> <g> <circle style="fill:#8C582A;" cx="184" cy="224" r="92"/> <path style="fill:#8C582A;" d="M496,166.8c-14.852-39.94-39.408-75.132-70.764-102.8H360c-8.8,0-16,7.2-16,16v224 c0,8.8,7.2,16,16,16h120c8.8,0,16-7.2,16-16V166.8z"/> </g> <path style="fill:#F5F5F5;" d="M118.628,283.032c4.664,4.668,4.668,12.3,0,16.972L96,322.628c-4.668,4.668-12.304,4.668-16.968,0 l-5.66-5.66c-4.664-4.668-4.668-12.3,0-16.968L96,277.372c4.668-4.668,12.304-4.668,16.972,0L118.628,283.032z"/> <path style="fill:#E6E6E6;" d="M118.628,283.032l-5.656-5.66c-3.364-3.364-8.26-4.26-12.488-2.776 c1.64,0.576,3.184,1.476,4.488,2.776l5.656,5.66c4.664,4.668,4.668,12.3,0,16.972L88,322.628c-1.304,1.3-2.848,2.204-4.484,2.776 c4.228,1.484,9.12,0.584,12.484-2.776L118.628,300C123.296,295.332,123.292,287.696,118.628,283.032z"/> <circle style="fill:#F5F5F5;" cx="168" cy="224" r="92"/> <path style="fill:#E6E6E6;" d="M168,132c-2.02,0-4.016,0.088-6,0.216c48.012,3.096,86,42.992,86,91.784s-37.988,88.688-86,91.78 c1.984,0.136,3.98,0.22,6,0.22c50.812,0,92-41.192,92-92S218.812,132,168,132z"/> <circle style="fill:#33200F;" cx="168" cy="224" r="72"/> <g> <path style="fill:#E6E6E6;" d="M340,112c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V112z"/> <path style="fill:#E6E6E6;" d="M340,140c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V140z"/> <path style="fill:#E6E6E6;" d="M340,164c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V164z"/> </g> <path style="fill:#26180B;" d="M104,224c0-38.416,30.1-69.712,68-71.796c-1.332-0.076-2.648-0.204-4-0.204 c-39.764,0-72,32.236-72,72s32.236,72,72,72c1.352,0,2.668-0.128,4-0.204C134.1,293.712,104,262.416,104,224z"/> <path style="fill:#F5F5F5;" d="M425.236,64H352c-8.8,0-16,7.2-16,16v224c0,8.8,7.2,16,16,16h120c8.8,0,16-7.2,16-16V147.768 C472.988,115.648,451.512,87.18,425.236,64z"/> <path style="fill:#1E2C33;" d="M472,118.804C463.148,104.9,453.02,91.908,441.736,80H352v192h120V118.804z"/> <path style="fill:#263740;" d="M445.464,84H356v184h112V112.596C461.172,102.52,453.624,92.98,445.464,84z"/> <circle style="fill:#CCCCCC;" cx="412" cy="296" r="20"/> <g> <circle style="fill:#F5F5F5;" cx="412" cy="296" r="16"/> <g style="opacity:0.1;"> <path style="fill:#F5F5F5;" d="M144,224c0-4.848,1.452-9.356,3.928-13.132l-26.96-17.16C115.32,202.452,112,212.836,112,224 c0,3.628,0.376,7.168,1.04,10.608l31.688-4.876C144.264,227.896,144,225.98,144,224z"/> <path style="fill:#F5F5F5;" d="M155.856,203.336c3.272-1.932,7.044-3.1,11.068-3.28l-8.5-31.172 c-8.884,1.54-17.032,5.172-23.96,10.384L155.856,203.336z"/> </g> <circle style="opacity:0.1;fill:#F5F5F5;enable-background:new ;" cx="188" cy="248" r="8"/> <circle style="opacity:0.1;fill:#F5F5F5;enable-background:new ;" cx="180" cy="272" r="4"/> </g> <path style="fill:#664422;" d="M15.656,344c0.984,2.68,1.952,5.364,3.024,8h474.64c1.072-2.636,2.04-5.32,3.024-8H15.656z"/> </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
Set Dimensions
Change dimensions
Optimize
4.09 KB
3.1 KB
-24%
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="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/153233/coffee --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#2D4452;" cx="256" cy="256" r="256"/> <circle style="fill:#CCCCCC;" cx="260" cy="332" r="104"/> <circle style="fill:#E6E6E6;" cx="260" cy="332" r="96"/> <circle style="fill:#CCCCCC;" cx="260" cy="332" r="36"/> <g style="opacity:0.4;"> <path style="fill:#F5F5F5;" d="M246.46,373.848c-3.284-1.068-6.384-2.532-9.28-4.3l-20.952,29.332 c3.916,2.568,8.048,4.832,12.392,6.692L246.46,373.848z"/> <path style="fill:#F5F5F5;" d="M219.944,350.12l-35.032,9.22c4.752,13.008,12.748,24.448,23.064,33.312l21.916-28.656 C225.736,360.08,222.34,355.38,219.944,350.12z"/> </g> <path style="fill:#99602E;" d="M256,0C114.616,0,0,114.616,0,256c0,33.96,6.672,66.344,18.68,96h474.64 c12.008-29.656,18.68-62.04,18.68-96C512,114.616,397.384,0,256,0z"/> <g> <circle style="fill:#8C582A;" cx="184" cy="224" r="92"/> <path style="fill:#8C582A;" d="M496,166.8c-14.852-39.94-39.408-75.132-70.764-102.8H360c-8.8,0-16,7.2-16,16v224 c0,8.8,7.2,16,16,16h120c8.8,0,16-7.2,16-16V166.8z"/> </g> <path style="fill:#F5F5F5;" d="M118.628,283.032c4.664,4.668,4.668,12.3,0,16.972L96,322.628c-4.668,4.668-12.304,4.668-16.968,0 l-5.66-5.66c-4.664-4.668-4.668-12.3,0-16.968L96,277.372c4.668-4.668,12.304-4.668,16.972,0L118.628,283.032z"/> <path style="fill:#E6E6E6;" d="M118.628,283.032l-5.656-5.66c-3.364-3.364-8.26-4.26-12.488-2.776 c1.64,0.576,3.184,1.476,4.488,2.776l5.656,5.66c4.664,4.668,4.668,12.3,0,16.972L88,322.628c-1.304,1.3-2.848,2.204-4.484,2.776 c4.228,1.484,9.12,0.584,12.484-2.776L118.628,300C123.296,295.332,123.292,287.696,118.628,283.032z"/> <circle style="fill:#F5F5F5;" cx="168" cy="224" r="92"/> <path style="fill:#E6E6E6;" d="M168,132c-2.02,0-4.016,0.088-6,0.216c48.012,3.096,86,42.992,86,91.784s-37.988,88.688-86,91.78 c1.984,0.136,3.98,0.22,6,0.22c50.812,0,92-41.192,92-92S218.812,132,168,132z"/> <circle style="fill:#33200F;" cx="168" cy="224" r="72"/> <g> <path style="fill:#E6E6E6;" d="M340,112c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V112z"/> <path style="fill:#E6E6E6;" d="M340,140c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V140z"/> <path style="fill:#E6E6E6;" d="M340,164c0,2.2-1.8,4-4,4l0,0c-2.2,0-4-1.8-4-4v-12c0-2.2,1.8-4,4-4l0,0c2.2,0,4,1.8,4,4V164z"/> </g> <path style="fill:#26180B;" d="M104,224c0-38.416,30.1-69.712,68-71.796c-1.332-0.076-2.648-0.204-4-0.204 c-39.764,0-72,32.236-72,72s32.236,72,72,72c1.352,0,2.668-0.128,4-0.204C134.1,293.712,104,262.416,104,224z"/> <path style="fill:#F5F5F5;" d="M425.236,64H352c-8.8,0-16,7.2-16,16v224c0,8.8,7.2,16,16,16h120c8.8,0,16-7.2,16-16V147.768 C472.988,115.648,451.512,87.18,425.236,64z"/> <path style="fill:#1E2C33;" d="M472,118.804C463.148,104.9,453.02,91.908,441.736,80H352v192h120V118.804z"/> <path style="fill:#263740;" d="M445.464,84H356v184h112V112.596C461.172,102.52,453.624,92.98,445.464,84z"/> <circle style="fill:#CCCCCC;" cx="412" cy="296" r="20"/> <g> <circle style="fill:#F5F5F5;" cx="412" cy="296" r="16"/> <g style="opacity:0.1;"> <path style="fill:#F5F5F5;" d="M144,224c0-4.848,1.452-9.356,3.928-13.132l-26.96-17.16C115.32,202.452,112,212.836,112,224 c0,3.628,0.376,7.168,1.04,10.608l31.688-4.876C144.264,227.896,144,225.98,144,224z"/> <path style="fill:#F5F5F5;" d="M155.856,203.336c3.272-1.932,7.044-3.1,11.068-3.28l-8.5-31.172 c-8.884,1.54-17.032,5.172-23.96,10.384L155.856,203.336z"/> </g> <circle style="opacity:0.1;fill:#F5F5F5;enable-background:new ;" cx="188" cy="248" r="8"/> <circle style="opacity:0.1;fill:#F5F5F5;enable-background:new ;" cx="180" cy="272" r="4"/> </g> <path style="fill:#664422;" d="M15.656,344c0.984,2.68,1.952,5.364,3.024,8h474.64c1.072-2.636,2.04-5.32,3.024-8H15.656z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download