Menu

Beta
Sign in
Wave Edge SVG element, line

Wave Edge SVG element, line

Straight sides meet gently repeating waves along the top and bottom, with a small scallop shell at each upper corner. Use this border for wedding invitations and beach ceremony programs.

Free · from Coastal Wedding Frames, Line

Similar SVGs

More from Coastal Wedding Frames, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qBhSweWkNXU1/amnt.svg" alt="Wave Edge" 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="M88 116C106 104 124 104 142 116C160 128 178 128 196 116C214 104 232 104 250 116C268 128 286 128 304 116C322 104 340 104 358 116C376 128 394 128 412 116C430 104 448 104 466 116C484 128 502 128 520 116C538 104 556 104 574 116C592 128 610 128 628 116C646 104 664 104 682 116C700 128 718 128 736 116L736 908C718 920 700 920 682 908C664 896 646 896 628 908C610 920 592 920 574 908C556 896 538 896 520 908C502 920 484 920 466 908C448 896 430 896 412 908C394 920 376 920 358 908C340 896 322 896 304 908C286 920 268 920 250 908C232 896 214 896 196 908C178 920 160 920 142 908C124 896 106 896 88 908Z" fill="none" stroke="#173654" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Group 2"><path d="M88 111C78 107 70 99 73 91C74.33 87 77 86 81 88C81.67 82.67 84 81 88 83C92 81 94.67 82.67 96 88C100.67 86 103.67 87 105 91C108 99 98 107 88 111Z" fill="none" stroke="#173654" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M88 108L80 91M88 108L85 86M88 108L91 86M88 108L99 91" fill="none" stroke="#173654" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M736 111C746 107 754 99 751 91C749.67 87 747 86 743 88C742.33 82.67 740 81 736 83C732 81 729.33 82.67 728 88C723.33 86 720.33 87 719 91C716 99 726 107 736 111Z" fill="none" stroke="#173654" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M736 108L744 91M736 108L739 86M736 108L733 86M736 108L725 91" fill="none" stroke="#173654" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.wave-edge {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qBhSweWkNXU1/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.wave-edge {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qBhSweWkNXU1/amnt.svg") center / contain no-repeat;
}
React
import WaveEdgeSvg from "./wave-edge.jsx"; // from the React tab above

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

Tags

weddingframewavesshellcoastal

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one coastal wedding invitation frame: an upright rectangle whose top and bottom edges form gentle repeating ocean waves, with straight thin side borders and a tiny scallop shell at each upper corner. Render in crisp navy lines with a large blank interior, no text, and no background. as part of the pack Coastal 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