Cake Gallery SVG element, line

Four photo openings with caption spaces form a monthly cake gallery, with extra room for a heading and booking details. Share the grid in social media stories or feature it in a bakery’s monthly newsletter.

Free · from Home Bakery Story Frames

Similar SVGs

More from Home Bakery Story Frames

Whole pack

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fSCJeQuFbEKs/amnt.svg" alt="Cake Gallery" 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="Rectangle 1"><path d="M54 24L458 24C474.57 24 488 37.43 488 54L488 970C488 986.57 474.57 1000 458 1000L54 1000C37.43 1000 24 986.57 24 970L24 54C24 37.43 37.43 24 54 24Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="corner" data-name="corner"><path d="M45 91C45 72 55 67 64 77C71 85 63 96 55 91C47 86 53 66 72 60C82 57 89 61 87 69C85 77 73 76 74 66C75 55 88 48 105 48" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Copy 3" transform="matrix(-1 0 0 1 512 0)"><path d="M45 91C45 72 55 67 64 77C71 85 63 96 55 91C47 86 53 66 72 60C82 57 89 61 87 69C85 77 73 76 74 66C75 55 88 48 105 48" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Copy 4" transform="matrix(1 0 0 -1 0 1024)"><path d="M45 91C45 72 55 67 64 77C71 85 63 96 55 91C47 86 53 66 72 60C82 57 89 61 87 69C85 77 73 76 74 66C75 55 88 48 105 48" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Copy 5" transform="matrix(-1 0 0 -1 512 1024)"><path d="M45 91C45 72 55 67 64 77C71 85 63 96 55 91C47 86 53 66 72 60C82 57 89 61 87 69C85 77 73 76 74 66C75 55 88 48 105 48" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Rectangle 6"><path d="M68 178L234 178C240.63 178 246 183.37 246 190L246 424C246 430.63 240.63 436 234 436L68 436C61.37 436 56 430.63 56 424L56 190C56 183.37 61.37 178 68 178Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Rectangle 7"><path d="M278 178L444 178C450.63 178 456 183.37 456 190L456 424C456 430.63 450.63 436 444 436L278 436C271.37 436 266 430.63 266 424L266 190C266 183.37 271.37 178 278 178Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Rectangle 8"><path d="M68 516L234 516C240.63 516 246 521.37 246 528L246 762C246 768.63 240.63 774 234 774L68 774C61.37 774 56 768.63 56 762L56 528C56 521.37 61.37 516 68 516Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-9" data-name="Rectangle 9"><path d="M278 516L444 516C450.63 516 456 521.37 456 528L456 762C456 768.63 450.63 774 444 774L278 774C271.37 774 266 768.63 266 762L266 528C266 521.37 271.37 516 278 516Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-10" data-name="Rectangle 10"><path d="M84 451L218 451C222.42 451 226 454.58 226 459L226 473C226 477.42 222.42 481 218 481L84 481C79.58 481 76 477.42 76 473L76 459C76 454.58 79.58 451 84 451Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-11" data-name="Rectangle 11"><path d="M294 451L428 451C432.42 451 436 454.58 436 459L436 473C436 477.42 432.42 481 428 481L294 481C289.58 481 286 477.42 286 473L286 459C286 454.58 289.58 451 294 451Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-12" data-name="Rectangle 12"><path d="M84 789L218 789C222.42 789 226 792.58 226 797L226 811C226 815.42 222.42 819 218 819L84 819C79.58 819 76 815.42 76 811L76 797C76 792.58 79.58 789 84 789Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-13" data-name="Rectangle 13"><path d="M294 789L428 789C432.42 789 436 792.58 436 797L436 811C436 815.42 432.42 819 428 819L294 819C289.58 819 286 815.42 286 811L286 797C286 792.58 289.58 789 294 789Z" fill="none" stroke="#6b4336" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="roun
…

CSS background-image

.cake-gallery {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fSCJeQuFbEKs/amnt.svg");
  background-size: contain;
}

CSS mask-image (takes the text colour)

.cake-gallery {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fSCJeQuFbEKs/amnt.svg") center / contain no-repeat;
}

React

import CakeGallerySvg from "./cake-gallery.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one vertical 1:2 SVG story frame for a home bakery monthly cake gallery. Use cocoa-brown monoline outlines, a rounded outer border, four equal transparent photo openings in a two-by-two grid, short blank caption fields beneath each opening, and empty heading and booking-footer areas. Add delicate frosting-loop ornaments only at the outer corners; generous margins, 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

Similar SVGs

More from Home Bakery Story Frames

How to use it

Tags

Made with AMNT