Menu

Beta
Sign in
Cake Flavors SVG element, line

Cake Flavors SVG element, line

Four blank panels with small fruit and baking ingredient ornaments provide space to list cake flavors. Use the layout in social media stories and on a bakery’s printed flavor menu.

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/hxUoozB-vV6-/amnt.svg" alt="Cake Flavors" 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="M44 16L468 16C483.46 16 496 28.54 496 44L496 980C496 995.46 483.46 1008 468 1008L44 1008C28.54 1008 16 995.46 16 980L16 44C16 28.54 28.54 16 44 16Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Rectangle 2"><path d="M84 178L428 178C439.05 178 448 186.95 448 198L448 324C448 335.05 439.05 344 428 344L84 344C72.95 344 64 335.05 64 324L64 198C64 186.95 72.95 178 84 178Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M84 370L428 370C439.05 370 448 378.95 448 390L448 516C448 527.05 439.05 536 428 536L84 536C72.95 536 64 527.05 64 516L64 390C64 378.95 72.95 370 84 370Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Rectangle 4"><path d="M84 562L428 562C439.05 562 448 570.95 448 582L448 708C448 719.05 439.05 728 428 728L84 728C72.95 728 64 719.05 64 708L64 582C64 570.95 72.95 562 84 562Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M84 754L428 754C439.05 754 448 762.95 448 774L448 900C448 911.05 439.05 920 428 920L84 920C72.95 920 64 911.05 64 900L64 774C64 762.95 72.95 754 84 754Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Group 6" transform="matrix(1 0 0 1 39 260)"><path d="M-9 -5C-11 3 -6 15 0 17C6 15 11 3 9 -5C6 -9 -6 -9 -9 -5Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M-10 -7L-4 -6L0 -11L4 -6L10 -7L6 -2L0 -4L-6 -2Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 -11C0 -14 2 -16 5 -17" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M-4 2L-3.99 2M4 2L4.01 2M0 8L0.01 8" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Group 7" transform="matrix(0.951057 0.309017 -0.309017 0.951057 473 452)"><path d="M0 -17C-10 -13 -13 -5 -12 3C-11 11 -5 17 0 18C5 17 11 11 12 3C13 -5 10 -13 0 -17Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 -15C-5 -7 -5 9 0 16M0 -15C5 -7 5 9 0 16" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M0 -17L0 -21" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Group 8" transform="matrix(0.906308 -0.422618 0.422618 0.906308 39 645)"><path d="M-12 0C-9 -2 -8 -9 0 -9C8 -9 9 -2 12 0C9 2 8 9 0 9C-8 9 -9 2 -12 0Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M-12 0L-15 0M12 0L15 0" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M-4 -13C-2 -17 2 -18 6 -16C4 -12 1 -10 -4 -13Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-9" data-name="Group 9" transform="matrix(1 0 0 1 473 836)"><path d="M0 -3C-5 -7 -5 -15 0 -17C5 -15 5 -7 0 -3Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 -1C6 -6 14 -8 17 -4C16 1 8 4 3 1Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 3C8 4 12 11 9 15C4 16 -1 9 2 3Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M-2 3C1 9 -4 16 -9 15C-12 11 -8 4 -2 3Z" fill="none" stroke="#634535" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><pa
…
CSS background-image
.cake-flavors {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxUoozB-vV6-/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cake-flavors {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxUoozB-vV6-/amnt.svg") center / contain no-repeat;
}
React
import CakeFlavorsSvg from "./cake-flavors.jsx"; // from the React tab above

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

Tags

cakeflavorsmenustrawberrylemon

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one vertical 1:2 SVG story frame for a home bakery cake flavor list. Use cocoa-brown monoline outlines, a thin rounded outer border, four large blank rounded panels stacked vertically, and small strawberry, cocoa-pod, lemon, and vanilla-flower line ornaments placed outside the panels. Leave a clear heading area and transparent interiors; 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