Menu

Beta
Sign in
Coffee Checks SVG pattern, flat

Coffee Checks SVG pattern, flat

Avocado green and cream checks carry rust and mustard coffee cups with rounded handles and curling steam. The repeat works on tumbler wraps or as a welcoming background for a café menu.

Free · from Groovy Checkerboard Wraps

Similar SVGs

More from Groovy Checkerboard Wraps

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AlB5JUXyptTE/amnt.svg" alt="Coffee Checks" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" width="600" height="600"><g id="layer-1" data-name="Copy 1"><path d="M0 0L100 0L100 100L0 100ZM100 100L200 100L200 200L100 200Z" fill="#91a45c"/><path d="M100 0L200 0L200 100L100 100ZM0 100L100 100L100 200L0 200Z" fill="#f5e9cb"/></g><g id="layer-2" data-name="Copy 2"><path d="M200 0L300 0L300 100L200 100ZM300 100L400 100L400 200L300 200Z" fill="#91a45c"/><path d="M300 0L400 0L400 100L300 100ZM200 100L300 100L300 200L200 200Z" fill="#f5e9cb"/></g><g id="layer-3" data-name="Copy 3"><path d="M400 0L500 0L500 100L400 100ZM500 100L600 100L600 200L500 200Z" fill="#91a45c"/><path d="M500 0L600 0L600 100L500 100ZM400 100L500 100L500 200L400 200Z" fill="#f5e9cb"/></g><g id="layer-4" data-name="Copy 4"><path d="M0 200L100 200L100 300L0 300ZM100 300L200 300L200 400L100 400Z" fill="#91a45c"/><path d="M100 200L200 200L200 300L100 300ZM0 300L100 300L100 400L0 400Z" fill="#f5e9cb"/></g><g id="layer-5" data-name="Copy 5"><path d="M200 200L300 200L300 300L200 300ZM300 300L400 300L400 400L300 400Z" fill="#91a45c"/><path d="M300 200L400 200L400 300L300 300ZM200 300L300 300L300 400L200 400Z" fill="#f5e9cb"/></g><g id="layer-6" data-name="Copy 6"><path d="M400 200L500 200L500 300L400 300ZM500 300L600 300L600 400L500 400Z" fill="#91a45c"/><path d="M500 200L600 200L600 300L500 300ZM400 300L500 300L500 400L400 400Z" fill="#f5e9cb"/></g><g id="layer-7" data-name="Copy 7"><path d="M0 400L100 400L100 500L0 500ZM100 500L200 500L200 600L100 600Z" fill="#91a45c"/><path d="M100 400L200 400L200 500L100 500ZM0 500L100 500L100 600L0 600Z" fill="#f5e9cb"/></g><g id="layer-8" data-name="Copy 8"><path d="M200 400L300 400L300 500L200 500ZM300 500L400 500L400 600L300 600Z" fill="#91a45c"/><path d="M300 400L400 400L400 500L300 500ZM200 500L300 500L300 600L200 600Z" fill="#f5e9cb"/></g><g id="layer-9" data-name="Copy 9"><path d="M400 400L500 400L500 500L400 500ZM500 500L600 500L600 600L500 600Z" fill="#91a45c"/><path d="M500 400L600 400L600 500L500 500ZM400 500L500 500L500 600L400 600Z" fill="#f5e9cb"/></g><g id="layer-10" data-name="Copy 10"><path d="M121 118C108 105 134 100 121 84C114 76 118 69 124 65M164 118C151 105 177 100 164 84C157 76 161 69 167 65" fill="none" stroke="#45392f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M192 142L207 142C225 142 234 155 234 169C234 183 225 196 207 196L190 196L190 183L207 183C217 183 221 177 221 169C221 161 217 155 207 155L192 155Z" fill="#b55f3d" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M99 135L201 135L193 211C192 220 185 226 176 226L124 226C115 226 108 220 107 211Z" fill="#b55f3d" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M99 135L201 135" fill="none" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-11" data-name="Copy 11"><path d="M421 118C408 105 434 100 421 84C414 76 418 69 424 65M464 118C451 105 477 100 464 84C457 76 461 69 467 65" fill="none" stroke="#45392f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M492 142L507 142C525 142 534 155 534 169C534 183 525 196 507 196L490 196L490 183L507 183C517 183 521 177 521 169C521 161 517 155 507 155L492 155Z" fill="#d5a23c" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M399 135L501 135L493 211C492 220 485 226 476 226L424 226C415 226 408 220 407 211Z" fill="#d5a23c" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M399 135L501 135" fill="none" stroke="#45392f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-12" data-name="Copy 12"><path d="M-29 418C-42 405 -16 400 -29 384C-36 376 -32 369 -26 365M14 418C1 405 27 400 14 384C7 376 11 369 17 365" fill="none" stroke="#45392f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 442L57 442C75 442 84 455 84 469C84 483 75 496 57 496L4
…
CSS background-image
.coffee-checks {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/AlB5JUXyptTE/amnt.svg");
  background-size: 200px 200px;
}
React
import CoffeeChecksSvg from "./coffee-checks.jsx"; // from the React tab above

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

Tags

coffeecupscheckerboardtumblerrepeat

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one seamless retro tumbler wrap pattern featuring avocado green and cream checks with simple rust and mustard coffee cups, rounded handles, and two broad steam curls above each cup. Alternate cup colors in staggered rows for a groovy coffee-lover design. Use crisp flat vector shapes on a square artboard with exact opposite-edge continuity for a straight skinny tumbler band. No lettering, branding, mockup, or cut guides. as part of the pack Groovy Checkerboard Wraps. 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