Menu

Beta
Sign in
Cupcake SVG icon, solid

Cupcake SVG icon, solid

A fluted cupcake base supports a three-tier frosting swirl inside a scalloped circular frame. It belongs on cupcake box stickers and bakery celebration menus for sweet occasions.

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/-nqJA7MJ_rCM/amnt.svg" alt="Cupcake" 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 52C298.67 29.33 332.67 38.33 358 79C406 81 431 106 433 154C473.67 179.33 482.67 213.33 460 256C482.67 298.67 473.67 332.67 433 358C431 406 406 431 358 433C332.67 473.67 298.67 482.67 256 460C213.33 482.67 179.33 473.67 154 433C106 431 81 406 79 358C38.33 332.67 29.33 298.67 52 256C29.33 213.33 38.33 179.33 79 154C81 106 106 81 154 79C179.33 38.33 213.33 29.33 256 52Z" fill="none" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M156 290L356 290L330 384C328.67 392 323.67 396 315 396L197 396C188.33 396 183.33 392 182 384Z" fill="#e9b45e" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M212 318L221 369M256 318L256 369M300 318L291 369" fill="none" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M213 191C198 177 210 158 231 146C247 137 255 125 252 111C286 117 310 145 306 168C305 179 298 187 287 191Z" fill="#ed8f91" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M193 189L299 189C320 189 334 202 334 218C334 233 322 243 306 243L190 243C173 243 163 232 166 217C168 205 178 195 193 189Z" fill="#ed8f91" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/><path d="M177 242L330 242C351 242 367 255 367 273C367 289 355 300 337 300L175 300C157 300 145 289 145 273C145 256 158 245 177 242Z" fill="#ed8f91" stroke="#54342e" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.cupcake {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-nqJA7MJ_rCM/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cupcake {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-nqJA7MJ_rCM/amnt.svg") center / contain no-repeat;
}
React
import CupcakeSvg from "./cupcake.jsx"; // from the React tab above

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

Tags

cupcakefrostingdessertbakeryemblem

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one original cupcake bakery logo: a fluted cupcake base topped with a three-tier frosting swirl inside a thick scalloped circular emblem frame. Use clean, bold solid shapes with minimal detail, 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