Menu

Beta
Sign in
Sailboat Waves SVG element, line

Sailboat Waves SVG element, line

A double portrait border opens into mirrored curling waves that support a small sailboat at bottom center. Use the frame for wedding invitations and coastal reception menus.

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/QpigcaqADYr2/amnt.svg" alt="Sailboat Waves" 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="Group 1"><path d="M65 951L65 65L754 65L754 951L560 951" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M79 937L79 79L740 79L740 937L579 937" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M65 951L259 951" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M79 937L240 937" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Group 2"><path d="M259 951C290 951 301 928 325 928C346 928 351 951 333 959C318 966 306 956 313 945" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M560 951C529 951 518 928 494 928C473 928 468 951 486 959C501 966 513 956 506 945" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M240 937C270 937 282 912 312 912C328 912 339 919 344 930" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M579 937C549 937 537 912 507 912C491 912 480 919 475 930" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M344 930C356 942 371 944 386 940" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M475 930C463 942 448 944 433 940" fill="none" stroke="#183852" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Group 3"><path d="M409.5 858L409.5 922" fill="none" stroke="#183852" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M405 865L375 915L405 915Z" fill="none" stroke="#183852" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M414 873L442 915L414 915Z" fill="none" stroke="#183852" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M367 925L452 925L440 940C421 946 398 946 379 940Z" fill="none" stroke="#183852" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M388 946C400 950 419 950 431 946" fill="none" stroke="#183852" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.sailboat-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QpigcaqADYr2/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.sailboat-waves {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QpigcaqADYr2/amnt.svg") center / contain no-repeat;
}
React
import SailboatWavesSvg from "./sailboat-waves.jsx"; // from the React tab above

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

Tags

weddingframesailboatwavesnautical

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one coastal wedding invitation frame: a double portrait rectangle with the lower border opening into two mirrored curling waves, supporting one small outlined sailboat at bottom center. Keep the boat entirely within the decorative border zone. Use fine navy vector lines, a blank central text area, no lettering, and a transparent 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