Menu

Beta
Sign in
Coffee Cup SVG background, flat

Coffee Cup SVG background, flat

An outlined cup and saucer are partly cropped in the lower-left corner, with steam rising along the edge. Use it on a café menu or a coffee morning invitation.

Free · from Line Art Backgrounds, Flat

Similar SVGs

More from Line Art Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xNZh_eiPGqXf/amnt.svg" alt="Coffee Cup" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F7F3EA"/><g fill="none" stroke="#9B715D" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"><path d="M-75 624H302V752a112 112 0 0 1-112 112H37A112 112 0 0 1-75 752Z"/><path d="M302 653h37a67 67 0 0 1 0 134h-43"/><path d="M301 679h37a41 41 0 0 1 0 82h-38"/><path d="M-82 624c0-16 86-29 192-29s192 13 192 29"/><path d="M-95 876c0-17 94-31 210-31s210 14 210 31"/><path d="M-125 899H352"/><path d="M24 550c-28-31 30-52 3-84-23-28 23-48 6-76"/><path d="M91 562c-25-30 28-53 3-83-22-28 23-49 7-77"/><path d="M157 554c-26-31 28-53 3-84-22-27 22-48 6-77"/></g></svg>
CSS background-image
.coffee-cup {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/xNZh_eiPGqXf/amnt.svg");
  background-size: contain;
}
React
import CoffeeCupSvg from "./coffee-cup.jsx"; // from the React tab above

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

Tags

coffeecupsteamcafeline artbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Coffee Cup: Outlined cup and saucer sit partly cropped in the lower-left corner, with steam curling up the edge. as part of the pack Line Art Backgrounds, 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