Menu

Beta
Sign in
Chocolate Cookie SVG icon, solid

Chocolate Cookie SVG icon, solid

A round cookie with a single bite missing and five chocolate chip openings is framed by a rounded square. Use it on cookie tins and bakery display cards for a familiar treat.

Free · from Artisan Bakery Emblems

Similar SVGs

More from Artisan Bakery Emblems

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UoNJD-Rp4dCf/amnt.svg" alt="Chocolate Cookie" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200"><g id="layer-1" data-name="Rectangle 1"><path d="M47 12L153 12C172.33 12 188 27.67 188 47L188 153C188 172.33 172.33 188 153 188L47 188C27.67 188 12 172.33 12 153L12 47C12 27.67 27.67 12 47 12Z" fill="none" stroke="#000000" stroke-width="12"/></g><g id="layer-2" data-name="Circle 2"><g><defs><mask id="k0_0" maskUnits="userSpaceOnUse"><rect width="200" height="200" fill="#ffffff"/><circle cx="148" cy="55" r="28" fill="#000000"/><circle cx="78" cy="69" r="8" fill="#000000"/><circle cx="108" cy="75" r="9" fill="#000000"/><circle cx="65" cy="106" r="9" fill="#000000"/><circle cx="104" cy="110" r="10" fill="#000000"/><circle cx="132" cy="139" r="8" fill="#000000"/></mask></defs><circle cx="100" cy="102" r="62" mask="url(#k0_0)"/></g></g></svg>
CSS background-image
.chocolate-cookie {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UoNJD-Rp4dCf/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.chocolate-cookie {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UoNJD-Rp4dCf/amnt.svg") center / contain no-repeat;
}
React
import ChocolateCookieSvg from "./chocolate-cookie.jsx"; // from the React tab above

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

Tags

cookiechocolatedessertbakeryemblem

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original cookie bakery logo: a round cookie with one bite missing and five large negative-space chocolate chips inside a thick rounded square emblem frame. Use clean, bold solid shapes, no lettering, centred in a square on a transparent background, readable small. as part of the pack Artisan Bakery Emblems. 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