Menu

Beta
Sign in
Order Opening SVG element, line

Order Opening SVG element, line

An arched border surrounds a blank announcement panel and call-to-action field for opening custom cake orders. Share it in social media stories or include it in a bakery 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/HkNGNYTqWhJO/amnt.svg" alt="Order Opening" 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="M30 992L30 246C30 128 130 32 256 32C382 32 482 128 482 246L482 992" fill="none" stroke="#603e32" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M48 974L48 246C48 138 140 50 256 50C372 50 464 138 464 246L464 974" fill="none" stroke="#603e32" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Group 2"><path d="M256 91C245 79 229 74 213 78C208 91 210 103 219 110C229 118 243 114 256 101" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 91C267 79 283 74 299 78C304 91 302 103 293 110C283 118 269 114 256 101" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M249 87C253 84 259 84 263 87L267 95L262 105L250 105L245 95Z" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M250 105C245 117 238 124 230 128C240 130 249 129 257 122C265 129 274 130 284 128C276 124 269 117 264 105" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M99 267L413 267C426.25 267 437 277.75 437 291L437 733C437 746.25 426.25 757 413 757L99 757C85.75 757 75 746.25 75 733L75 291C75 277.75 85.75 267 99 267Z" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Rectangle 4"><path d="M146 802L366 802C389.75 802 409 821.25 409 845L409 845C409 868.75 389.75 888 366 888L146 888C122.25 888 103 868.75 103 845L103 845C103 821.25 122.25 802 146 802Z" fill="none" stroke="#603e32" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Group 5"><path d="M79 912L101 912L98 924L93 929L93 944L90 949L80 949L77 944L77 929L82 924Z" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M79 912L83 904L87 912L91 904L95 912L99 904L101 912" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M83 929L93 929M82 939L94 939" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M411 912L433 912L430 924L425 929L425 944L422 949L412 949L409 944L409 929L414 924Z" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M411 912L415 904L419 912L423 904L427 912L431 904L433 912" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M415 929L425 929M414 939L426 939" fill="none" stroke="#603e32" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.order-opening {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HkNGNYTqWhJO/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.order-opening {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/HkNGNYTqWhJO/amnt.svg") center / contain no-repeat;
}
React
import OrderOpeningSvg from "./order-opening.jsx"; // from the React tab above

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

Tags

cakeordersannouncementbookingbakery

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 order opening announcement. Use cocoa-brown monoline outlines, a double arch border, a small bow at the arch apex, one large blank central announcement panel, and a blank rounded call-to-action field near the bottom. Add two tiny piping-tip ornaments near the lower corners; 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