Menu

Beta
Sign in
Pickup Reminder SVG element, line

Pickup Reminder SVG element, line

An outlined cake box sits above fields for pickup date, time, and instructions. Use this reminder in a direct message to customers or on a bakery’s order confirmation 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/kTgG5lg6slGD/amnt.svg" alt="Pickup Reminder" 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="M52 22L460 22C476.57 22 490 35.43 490 52L490 972C490 988.57 476.57 1002 460 1002L52 1002C35.43 1002 22 988.57 22 972L22 52C22 35.43 35.43 22 52 22Z" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Cake box ornament"><path d="M224 136L224 116C224 107 231 100 240 100L272 100C281 100 288 107 288 116L288 136" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M156 136L356 136C359.31 136 362 138.69 362 142L362 155C362 158.31 359.31 161 356 161L156 161C152.69 161 150 158.31 150 155L150 142C150 138.69 152.69 136 156 136Z" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M166 161L166 252C166 259 172 265 179 265L333 265C340 265 346 259 346 252L346 161" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M256 161L256 265" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Rectangle 3"><path d="M85 335L427 335C438.05 335 447 343.95 447 355L447 435C447 446.05 438.05 455 427 455L85 455C73.95 455 65 446.05 65 435L65 355C65 343.95 73.95 335 85 335Z" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Rectangle 4"><path d="M85 495L427 495C438.05 495 447 503.95 447 515L447 595C447 606.05 438.05 615 427 615L85 615C73.95 615 65 606.05 65 595L65 515C65 503.95 73.95 495 85 495Z" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Rectangle 5"><path d="M85 655L427 655C438.05 655 447 663.95 447 675L447 920C447 931.05 438.05 940 427 940L85 940C73.95 940 65 931.05 65 920L65 675C65 663.95 73.95 655 85 655Z" fill="none" stroke="#6b442f" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.pickup-reminder {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kTgG5lg6slGD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.pickup-reminder {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kTgG5lg6slGD/amnt.svg") center / contain no-repeat;
}
React
import PickupReminderSvg from "./pickup-reminder.jsx"; // from the React tab above

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

Tags

cakepickupreminderdateinstructions

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 pickup reminder. Use cocoa-brown monoline outlines, a rounded outer border, an outlined cake-box ornament at the top, and three spacious blank rounded fields for date, time, and pickup instructions. Make the instruction field taller than the others; transparent interiors, 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

Settings