SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Coffee
Daily Routine Objects Actions 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.39 KB
1.75 KB
-27%
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/287744/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"> <path style="fill:#FFE77C;" d="M400.696,155.826v33.391l-52.467,304.304C346.388,504.199,337.127,512,326.292,512H185.708 c-10.835,0-20.096-7.801-21.937-18.479l-52.467-304.304v-33.391H400.696z"/> <path style="fill:#F4C064;" d="M256,155.826v33.391V512h-70.292c-10.835,0-20.096-7.801-21.937-18.479l-52.467-304.304v-33.391H256z "/> <path style="fill:#CEA05D;" d="M256,267.131c30.736,0,55.652,24.917,55.652,55.652S286.736,378.435,256,378.435 s-55.652-24.917-55.652-55.652S225.265,267.131,256,267.131z"/> <path style="fill:#99774F;" d="M256,267.131v111.304c-30.736,0-55.652-24.917-55.652-55.652S225.265,267.131,256,267.131z"/> <path style="fill:#9B9B9B;" d="M371.915,6.52L371.915,6.52c8.694,8.694,8.694,22.788,0,31.481l-70.834,70.834l-31.481-31.481 L340.433,6.52C349.126-2.173,363.222-2.173,371.915,6.52z"/> <path style="fill:#C1C1C1;" d="M371.915,7.079l-86.482,86.107L269.6,77.355L340.435,6.52c8.693-8.693,22.788-8.693,31.481,0l0,0 c0.09,0.09,0.165,0.188,0.253,0.279C372.079,6.891,372.005,6.99,371.915,7.079z"/> <path style="fill:#84D88B;" d="M422.957,144.696v22.261c0,12.295-9.966,22.261-22.261,22.261H111.304 c-12.295,0-22.261-9.966-22.261-22.261v-22.261c0-12.295,9.966-22.261,22.261-22.261h11.13v-22.261 c0-12.295,9.966-22.261,22.261-22.261h222.609c12.295,0,22.261,9.966,22.261,22.261v22.261h11.13 C412.99,122.435,422.957,132.401,422.957,144.696z"/> <path style="fill:#91F18B;" d="M256,122.435h144.696c12.295,0,22.261,9.966,22.261,22.261v22.261 c0,12.295-9.966,22.261-22.261,22.261H256V122.435z"/> <path style="fill:#6BAF6E;" d="M144.696,77.913H256v44.522H122.435v-22.261C122.435,87.88,132.401,77.913,144.696,77.913z"/> <path style="fill:#A2CCDB;" d="M175.304,8.348v33.391c0,4.61-3.738,8.348-8.348,8.348c-4.61,0-8.348-3.738-8.348-8.348V8.348 c0-4.61,3.738-8.348,8.348-8.348C171.567,0,175.304,3.738,175.304,8.348z M200.348,0C195.738,0,192,3.738,192,8.348v33.391 c0,4.61,3.738,8.348,8.348,8.348c4.61,0,8.348-3.738,8.348-8.348V8.348C208.696,3.738,204.958,0,200.348,0z"/> </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
Set Dimensions
Change dimensions
Optimize
2.39 KB
1.75 KB
-27%
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/287744/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"> <path style="fill:#FFE77C;" d="M400.696,155.826v33.391l-52.467,304.304C346.388,504.199,337.127,512,326.292,512H185.708 c-10.835,0-20.096-7.801-21.937-18.479l-52.467-304.304v-33.391H400.696z"/> <path style="fill:#F4C064;" d="M256,155.826v33.391V512h-70.292c-10.835,0-20.096-7.801-21.937-18.479l-52.467-304.304v-33.391H256z "/> <path style="fill:#CEA05D;" d="M256,267.131c30.736,0,55.652,24.917,55.652,55.652S286.736,378.435,256,378.435 s-55.652-24.917-55.652-55.652S225.265,267.131,256,267.131z"/> <path style="fill:#99774F;" d="M256,267.131v111.304c-30.736,0-55.652-24.917-55.652-55.652S225.265,267.131,256,267.131z"/> <path style="fill:#9B9B9B;" d="M371.915,6.52L371.915,6.52c8.694,8.694,8.694,22.788,0,31.481l-70.834,70.834l-31.481-31.481 L340.433,6.52C349.126-2.173,363.222-2.173,371.915,6.52z"/> <path style="fill:#C1C1C1;" d="M371.915,7.079l-86.482,86.107L269.6,77.355L340.435,6.52c8.693-8.693,22.788-8.693,31.481,0l0,0 c0.09,0.09,0.165,0.188,0.253,0.279C372.079,6.891,372.005,6.99,371.915,7.079z"/> <path style="fill:#84D88B;" d="M422.957,144.696v22.261c0,12.295-9.966,22.261-22.261,22.261H111.304 c-12.295,0-22.261-9.966-22.261-22.261v-22.261c0-12.295,9.966-22.261,22.261-22.261h11.13v-22.261 c0-12.295,9.966-22.261,22.261-22.261h222.609c12.295,0,22.261,9.966,22.261,22.261v22.261h11.13 C412.99,122.435,422.957,132.401,422.957,144.696z"/> <path style="fill:#91F18B;" d="M256,122.435h144.696c12.295,0,22.261,9.966,22.261,22.261v22.261 c0,12.295-9.966,22.261-22.261,22.261H256V122.435z"/> <path style="fill:#6BAF6E;" d="M144.696,77.913H256v44.522H122.435v-22.261C122.435,87.88,132.401,77.913,144.696,77.913z"/> <path style="fill:#A2CCDB;" d="M175.304,8.348v33.391c0,4.61-3.738,8.348-8.348,8.348c-4.61,0-8.348-3.738-8.348-8.348V8.348 c0-4.61,3.738-8.348,8.348-8.348C171.567,0,175.304,3.738,175.304,8.348z M200.348,0C195.738,0,192,3.738,192,8.348v33.391 c0,4.61,3.738,8.348,8.348,8.348c4.61,0,8.348-3.738,8.348-8.348V8.348C208.696,3.738,204.958,0,200.348,0z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG