Peony Frame SVG element, line

Peony Frame SVG element, line

A simplified peony crowns a tall rectangular outline, while leafy stems sweep outward across its top corners. This frame works on wedding invitations and ceremony booklets with centered text.

Similar SVGs

More from Botanical Wedding Frames, Line

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Xp-oxEuO0SyP/amnt.svg" alt="Peony Frame" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819 1024" width="819" height="1024"><g id="layer-1" data-name="Shape 1"><path d="M326 154L90 154L90 925L729 925L729 154L493 154" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M409 205C379 205 352 189 344 164C337 142 345 121 364 113C358 92 373 73 393 77C401 60 424 60 433 77C454 71 471 88 465 111C486 119 492 142 484 162C475 188 447 205 409 205Z" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M354 171C327 159 321 137 334 122C340 115 349 112 359 113" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Shape 4"><path d="M464 113C474 111 484 115 490 123C503 141 494 161 467 173" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M369 91C360 72 375 58 391 64" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Shape 6"><path d="M429 65C446 56 462 72 452 91" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-7" data-name="Shape 7"><path d="M409 199C390 186 382 169 387 151C390 137 399 129 409 125C420 130 430 140 432 154C435 172 427 188 409 199Z" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-8" data-name="Shape 8"><path d="M388 181C370 174 359 158 362 141C364 128 373 117 385 114C396 111 404 116 409 125" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-9" data-name="Shape 9"><path d="M431 181C449 174 460 158 457 141C455 128 446 117 434 114C423 111 415 116 409 125" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-10" data-name="Shape 10"><path d="M365 126C359 109 368 94 382 93C394 92 403 104 409 125" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-11" data-name="Shape 11"><path d="M453 126C460 109 451 94 437 93C425 92 416 104 409 125" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-12" data-name="Shape 12"><path d="M385 114C379 96 388 80 402 81C409 82 414 89 414 99" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-13" data-name="Shape 13"><path d="M434 114C440 96 431 80 417 81C410 82 405 89 405 99" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-14" data-name="Shape 14"><path d="M394 171C399 159 404 153 409 150C415 154 421 161 425 172" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-15" data-name="Shape 15"><path d="M349 177C294 162 244 133 193 119C151 107 119 109 93 123" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-16" data-name="Shape 16"><path d="M470 177C525 162 575 133 626 119C668 107 700 109 726 123" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-17" data-name="Shape 17"><path d="M279 151C262 130 245 116 222 110" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-18" data-name="Shape 18"><path d="M279 151C255 151 237 157 218 171" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-19" data-name="Shape 19"><path d="M211 123C195 103 176 92 153 91" fill="none" stroke="#111111" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-20" data
…
CSS background-image
.peony-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Xp-oxEuO0SyP/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.peony-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Xp-oxEuO0SyP/amnt.svg") center / contain no-repeat;
}
React
import PeonyFrameSvg from "./peony-frame.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one minimal botanical wedding invitation frame: a tall rectangular outline with a simplified peony blossom centered over the top edge and two leafy stems sweeping outward along the top corners. Use airy nested petal contours. Black monoline vector paths, transparent background, generous empty center, no lettering or filled shapes, portrait 4:5. as part of the pack Botanical Wedding Frames, Line. 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