Menu

Beta
Sign in
Coffee Cup SVG illustration, flat

Coffee Cup SVG illustration, flat

Coffee is visible inside a ceramic cup with a rounded handle and saucer. Use it on a café menu or a break room poster.

Free · from Everyday Objects, Flat

Similar SVGs

More from Everyday Objects, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ui3W_6Fy2lYt/amnt.svg" alt="Coffee Cup" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="201" cy="248" rx="128" ry="17" fill="#394F51" opacity=".12"/><path d="M seventy 0" fill="none"/><path d="M seventy 0" fill="none"/><path d="M74 219c0-23 55-41 123-41s123 18 123 41v8c0 23-55 41-123 41S74 250 74 227z" fill="#86AAA3"/><ellipse cx="197" cy="219" rx="123" ry="41" fill="#DCE8DF"/><ellipse cx="197" cy="218" rx="85" ry="25" fill="#B5CEC3"/><ellipse cx="197" cy="217" rx="66" ry="18" fill="#86AAA3"/><path d="M267 108c17-10 40-7 51 7 13 17 10 44-4 59-11 12-29 19-48 17l-3-18c14 3 28-2 36-11 9-9 11-26 4-35-6-8-19-8-30-2z" fill="#86AAA3"/><path d="M269 107c17-10 38-7 49 6 12 14 11 36 2 51-8 14-24 23-42 24l-3-11c14-1 26-8 32-18 7-11 8-26 0-36-7-8-21-9-33-2z" fill="#DCE8DF"/><path d="M112 100h163l-10 89c-3 27-31 45-71 45s-68-18-71-45z" fill="#B5CEC3"/><path d="M243 114h31l-9 75c-3 27-31 45-71 45-25 0-46-7-59-20 13 6 28 9 46 9 34 0 55-16 58-42z" fill="#86AAA3"/><ellipse cx="193.5" cy="100" rx="81.5" ry="29" fill="#EDF1E6"/><ellipse cx="193.5" cy="100" rx="69.5" ry="21" fill="#86AAA3"/><ellipse cx="193.5" cy="104" rx="68" ry="17" fill="#674C3F"/><path d="M132 105c10-10 34-16 62-16 25 0 47 5 59 13-16-5-35-7-58-7-25 0-45 4-63 10z" fill="#94705A"/><path d="M138 140c1 19 4 36 8 47" fill="none" stroke="#EDF1E6" stroke-width="3" stroke-linecap="round"/></svg>
CSS background-image
.coffee-cup {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ui3W_6Fy2lYt/amnt.svg");
  background-size: contain;
}
React
import CoffeeCupSvg from "./coffee-cup.jsx"; // from the React tab above

<CoffeeCupSvg width={48} height={48} />

Tags

coffeecupdrinkobjectsillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Coffee Cup: Ceramic cup with a rounded handle, coffee visible inside, and a saucer. as part of the pack Everyday Objects, Flat. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings