SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Coffee Cup
Coffee Shop Elements 2
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.38 KB
1.61 KB
-32%
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/211923/coffee-cup --> <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"> <polyline style="fill:#FFE477;" points="349.164,62.251 349.164,7.837 162.836,7.837 162.836,62.251 "/> <rect x="256" y="7.837" style="fill:#FFD442;" width="93.163" height="54.418"/> <polyline style="fill:#C0AB91;" points="385.441,98.528 349.164,504.163 162.836,504.163 126.559,98.528 "/> <polygon style="fill:#957856;" points="385.441,98.528 349.164,504.163 256,504.163 256,98.528 "/> <polygon style="fill:#FFFFFF;" points="382.143,406.877 129.857,406.877 112.544,195.814 399.456,195.814 "/> <polygon style="fill:#E6E6E6;" points="399.456,195.814 382.143,406.877 256,406.877 256,195.814 "/> <ellipse style="fill:#A5001E;" cx="256" cy="299.875" rx="50.176" ry="81.401"/> <path style="fill:#830018;" d="M306.178,299.879c0-44.956-22.465-81.401-50.178-81.401V381.28 C283.713,381.28,306.178,344.836,306.178,299.879z"/> <path d="M421.717,106.364V90.691H90.283v15.673h29.109l7.299,81.614h-22.653l18.599,226.736h24.331L155.669,512h200.663l8.7-97.286 h24.332l18.599-226.736h-22.653l7.299-81.614L421.717,106.364L421.717,106.364z M341.997,496.327H170.003l-7.299-81.613h186.592 L341.997,496.327z M374.923,399.04H137.078l-16.029-195.39h269.901L374.923,399.04z M369.573,187.977H142.427l-7.299-81.614h241.743 L369.573,187.977z"/> <polygon points="385.441,54.414 357.001,54.414 357.001,0 154.999,0 154.999,37.517 170.673,37.517 170.673,15.673 341.327,15.673 341.327,54.414 126.559,54.414 126.559,70.088 385.441,70.088 "/> <path d="M256,389.117c16.224,0,31.194-9.79,42.152-27.566c10.23-16.594,15.863-38.496,15.863-61.671 c0-23.176-5.633-45.078-15.863-61.671c-10.958-17.777-25.928-27.567-42.152-27.567s-31.194,9.79-42.152,27.567 c-10.23,16.593-15.863,38.495-15.863,61.671c0,23.176,5.633,45.078,15.863,61.671C224.806,379.327,239.776,389.117,256,389.117z M298.341,299.879c0,35.237-15.145,65.625-34.505,72.222V227.658C283.197,234.256,298.341,264.642,298.341,299.879z M248.163,227.658v144.444c-19.36-6.598-34.505-36.985-34.505-72.222S228.803,234.256,248.163,227.658z"/> </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
2.38 KB
1.61 KB
-32%
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/211923/coffee-cup --> <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"> <polyline style="fill:#FFE477;" points="349.164,62.251 349.164,7.837 162.836,7.837 162.836,62.251 "/> <rect x="256" y="7.837" style="fill:#FFD442;" width="93.163" height="54.418"/> <polyline style="fill:#C0AB91;" points="385.441,98.528 349.164,504.163 162.836,504.163 126.559,98.528 "/> <polygon style="fill:#957856;" points="385.441,98.528 349.164,504.163 256,504.163 256,98.528 "/> <polygon style="fill:#FFFFFF;" points="382.143,406.877 129.857,406.877 112.544,195.814 399.456,195.814 "/> <polygon style="fill:#E6E6E6;" points="399.456,195.814 382.143,406.877 256,406.877 256,195.814 "/> <ellipse style="fill:#A5001E;" cx="256" cy="299.875" rx="50.176" ry="81.401"/> <path style="fill:#830018;" d="M306.178,299.879c0-44.956-22.465-81.401-50.178-81.401V381.28 C283.713,381.28,306.178,344.836,306.178,299.879z"/> <path d="M421.717,106.364V90.691H90.283v15.673h29.109l7.299,81.614h-22.653l18.599,226.736h24.331L155.669,512h200.663l8.7-97.286 h24.332l18.599-226.736h-22.653l7.299-81.614L421.717,106.364L421.717,106.364z M341.997,496.327H170.003l-7.299-81.613h186.592 L341.997,496.327z M374.923,399.04H137.078l-16.029-195.39h269.901L374.923,399.04z M369.573,187.977H142.427l-7.299-81.614h241.743 L369.573,187.977z"/> <polygon points="385.441,54.414 357.001,54.414 357.001,0 154.999,0 154.999,37.517 170.673,37.517 170.673,15.673 341.327,15.673 341.327,54.414 126.559,54.414 126.559,70.088 385.441,70.088 "/> <path d="M256,389.117c16.224,0,31.194-9.79,42.152-27.566c10.23-16.594,15.863-38.496,15.863-61.671 c0-23.176-5.633-45.078-15.863-61.671c-10.958-17.777-25.928-27.567-42.152-27.567s-31.194,9.79-42.152,27.567 c-10.23,16.593-15.863,38.495-15.863,61.671c0,23.176,5.633,45.078,15.863,61.671C224.806,379.327,239.776,389.117,256,389.117z M298.341,299.879c0,35.237-15.145,65.625-34.505,72.222V227.658C283.197,234.256,298.341,264.642,298.341,299.879z M248.163,227.658v144.444c-19.36-6.598-34.505-36.985-34.505-72.222S228.803,234.256,248.163,227.658z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download