Menu

Beta
Sign in
Cake Menu SVG element, line

Cake Menu SVG element, line

A blank cake menu frame has five rows with separate price spaces and a piping-bag ornament. Use it in Instagram Stories and on a home bakery’s custom order page.

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/4eLJaZ2HWgnE/amnt.svg" alt="Cake Menu" 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="M50 28L462 28C474.15 28 484 37.85 484 50L484 974C484 986.15 474.15 996 462 996L50 996C37.85 996 28 986.15 28 974L28 50C28 37.85 37.85 28 50 28Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Piping bag ornament"><path d="M233 85C248.33 79.67 263.67 79.67 279 85L273 101L261 139C257.67 144.33 254.33 144.33 251 139L239 101Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M233 85C248.33 89.67 263.67 89.67 279 85" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M239 101C250.33 105 261.67 105 273 101" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M251 139L251 149C254.33 151.67 257.67 151.67 261 149L261 139" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M253 152L256 159L259 152" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Five blank menu rows"><path d="M68 196L444 196C451.18 196 457 201.82 457 209L457 295C457 302.18 451.18 308 444 308L68 308C60.82 308 55 302.18 55 295L55 209C55 201.82 60.82 196 68 196Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M353 196L353 308" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M68 331L444 331C451.18 331 457 336.82 457 344L457 430C457 437.18 451.18 443 444 443L68 443C60.82 443 55 437.18 55 430L55 344C55 336.82 60.82 331 68 331Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M353 331L353 443" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M68 466L444 466C451.18 466 457 471.82 457 479L457 565C457 572.18 451.18 578 444 578L68 578C60.82 578 55 572.18 55 565L55 479C55 471.82 60.82 466 68 466Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M353 466L353 578" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M68 601L444 601C451.18 601 457 606.82 457 614L457 700C457 707.18 451.18 713 444 713L68 713C60.82 713 55 707.18 55 700L55 614C55 606.82 60.82 601 68 601Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M353 601L353 713" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M68 736L444 736C451.18 736 457 741.82 457 749L457 835C457 842.18 451.18 848 444 848L68 848C60.82 848 55 842.18 55 835L55 749C55 741.82 60.82 736 68 736Z" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M353 736L353 848" fill="none" stroke="#6b4938" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.cake-menu {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4eLJaZ2HWgnE/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.cake-menu {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4eLJaZ2HWgnE/amnt.svg") center / contain no-repeat;
}
React
import CakeMenuSvg from "./cake-menu.jsx"; // from the React tab above

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

Tags

cakemenupricingbakerystory

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one vertical 1:2 SVG story frame for a home bakery custom cake menu. Use cocoa-brown monoline outlines, a thin rounded outer border, a small piping-bag ornament at the top, and five spacious blank horizontal menu rows with separate price spaces. Keep all interiors transparent, all shapes editable, and generous inset margins; 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