Cake Reveal SVG element, line

Cake Reveal SVG element, line

A large arch-shaped photo opening, cake stand, and blank caption areas frame a custom cake reveal. Use it for a social media announcement or as a featured image on a bakery’s portfolio page.

Similar SVGs

More from Home Bakery Story Frames

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Rp5FmXs_i7P7/amnt.svg" alt="Cake Reveal" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 1024" width="512" height="1024"><g id="layer-1" data-name="Group 1"><path d="M56 40C69.33 56 82.67 56 96 40C109.33 56 122.67 56 136 40C149.33 56 162.67 56 176 40C189.33 56 202.67 56 216 40C229.33 56 242.67 56 256 40C269.33 56 282.67 56 296 40C309.33 56 322.67 56 336 40C349.33 56 362.67 56 376 40C389.33 56 402.67 56 416 40C429.33 56 442.67 56 456 40C472 40 480 48 480 64L480 960C480 976 472 984 456 984C442.67 968 429.33 968 416 984C402.67 968 389.33 968 376 984C362.67 968 349.33 968 336 984C322.67 968 309.33 968 296 984C282.67 968 269.33 968 256 984C242.67 968 229.33 968 216 984C202.67 968 189.33 968 176 984C162.67 968 149.33 968 136 984C122.67 968 109.33 968 96 984C82.67 968 69.33 968 56 984C40 984 32 976 32 960L32 64C32 48 40 40 56 40Z" fill="none" stroke="#694536" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M78 768L78 396C78 297.69 157.69 218 256 218C354.31 218 434 297.69 434 396L434 768Z" fill="none" stroke="#694536" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M192 807L320 807C323.31 807 326 809.69 326 813L326 813C326 816.31 323.31 819 320 819L192 819C188.69 819 186 816.31 186 813L186 813C186 809.69 188.69 807 192 807Z" fill="none" stroke="#694536" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M245 819L245 844C245 852 235 858 222 861C218.67 861.67 217 863.67 217 867L295 867C295 863.67 293.33 861.67 290 861C277 858 267 852 267 844L267 819" fill="none" stroke="#694536" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.cake-reveal {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Rp5FmXs_i7P7/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cake-reveal {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Rp5FmXs_i7P7/amnt.svg") center / contain no-repeat;
}
React
import CakeRevealSvg from "./cake-reveal.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one vertical 1:2 SVG story frame for a home bakery custom cake photo reveal. Use cocoa-brown monoline outlines, a large central arch-shaped transparent photo opening, a restrained scalloped icing border, a small outlined cake stand beneath the opening, and blank heading and caption spaces. Use generous inset margins and editable vector shapes; no text, photos, shading, or logos. as part of the pack Home Bakery Story Frames. 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