Menu

AI SVG Studio
Sign in
Coffee Ghost SVG icon, solid

Coffee Ghost SVG icon, solid

A cozy ghost holds a steaming mug in both hands. Add this design to a travel mug or a kitchen tea towel.

Free ยท from Cozy Hobby Ghosts, Solid

Similar SVGs

More from Cozy Hobby Ghosts, Solid

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8bPVJa-dZg4J/amnt.svg" alt="Coffee Ghost" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"><g id="layer-1" data-name="Group 1"><path d="M256 74C183 74 134 128 134 200L134 291C134 334 119 367 103 401C98 412 106 424 118 422L158 413L187 435C194 440 203 440 210 434L239 410L268 434C275 440 285 440 292 434L320 410L355 426C365 431 377 427 381 416L389 395L408 401C420 405 431 393 426 381C403 330 378 299 378 248L378 200C378 128 329 74 256 74Z" fill="#fff5df" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M310 282L333 282C353 282 367 297 367 316C367 335 353 350 333 350L310 350L310 330L332 330C340 330 346 324 346 316C346 308 340 302 332 302L310 302Z" fill="#ed9b57" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M193 277L319 277L319 335C319 358 301 376 278 376L234 376C211 376 193 358 193 335Z" fill="#ed9b57" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M177 290C188 283 198 286 208 294L220 304C227 310 228 320 222 327C216 334 207 335 199 330L182 320" fill="#fff5df" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M335 290C324 283 314 286 304 294L292 304C285 310 284 320 290 327C296 334 305 335 313 330L330 320" fill="#fff5df" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 260C238 247 274 238 256 224" fill="none" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/><path d="M239 194C247 207 265 207 273 194" fill="none" stroke="#29313b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Group 2"><path d="M211 155L211 155C215.97 155 220 159.03 220 164L220 173C220 177.97 215.97 182 211 182L211 182C206.03 182 202 177.97 202 173L202 164C202 159.03 206.03 155 211 155Z" fill="#29313b"/><path d="M301 155L301 155C305.97 155 310 159.03 310 164L310 173C310 177.97 305.97 182 301 182L301 182C296.03 182 292 177.97 292 173L292 164C292 159.03 296.03 155 301 155Z" fill="#29313b"/></g></svg>
CSS background-image
.coffee-ghost {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8bPVJa-dZg4J/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.coffee-ghost {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8bPVJa-dZg4J/amnt.svg") center / contain no-repeat;
}
React
import CoffeeGhostSvg from "./coffee-ghost.jsx"; // from the React tab above

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

Tags

ghostmugcoffeeteacozy

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words A friendly ghost holding a steaming mug with both hands; three solid-color layers and a simple, weedable steam shape. as part of the pack Cozy Hobby Ghosts, Solid. 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