Menu

Beta
Sign in
Sand Dollar SVG element, line

Sand Dollar SVG element, line

A fine portrait border features a marked sand dollar at the lower edge, flanked by curved sea grass. It frames wedding invitations and thank-you cards for seaside celebrations.

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/FuAx7A2iNnKG/amnt.svg" alt="Sand Dollar" 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="M73 937L73 73L746 73L746 937L471 937M348 937L73 937" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Circle 2"><path d="M469.5 925C469.5 958.14 442.64 985 409.5 985C376.36 985 349.5 958.14 349.5 925C349.5 891.86 376.36 865 409.5 865C442.64 865 469.5 891.86 469.5 925Z" fill="none" stroke="#18334d" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Circle 3"><path d="M412.5 925C412.5 926.66 411.16 928 409.5 928C407.84 928 406.5 926.66 406.5 925C406.5 923.34 407.84 922 409.5 922C411.16 922 412.5 923.34 412.5 925Z" fill="none" stroke="#18334d" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Group 4"><path d="M409.5 917C399 907 397 885 409.5 877C422 885 420 907 409.5 917Z" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M417.11 922.53C423.37 909.45 443.68 900.75 455.15 910.17C451.4 924.53 429.86 929.42 417.11 922.53Z" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M414.2 931.47C428.57 933.39 443.12 950.01 437.71 963.83C422.9 964.71 411.59 945.73 414.2 931.47Z" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M404.8 931.47C407.41 945.73 396.1 964.71 381.29 963.83C375.88 950.01 390.43 933.39 404.8 931.47Z" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M401.89 922.53C389.14 929.42 367.6 924.53 363.85 910.17C375.32 900.75 395.63 909.45 401.89 922.53Z" fill="none" stroke="#18334d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-5" data-name="Shape 5"><path d="M400 922L395 919M419 922L424 919M407 934L405 940M415 934L417 940" fill="none" stroke="#18334d" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-6" data-name="Group 6"><path d="M347 938C323 933 301 917 280 895M334 937C307 939 284 932 262 916M334 937C314 948 290 951 267 946" fill="none" stroke="#18334d" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M313 925C309 914 308 906 311 898M296 915C287 912 279 907 275 900M309 924C298 926 290 925 281 922M293 937C284 944 276 947 266 948" fill="none" stroke="#18334d" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M472 938C496 933 518 917 539 895M485 937C512 939 535 932 557 916M485 937C505 948 529 951 552 946" fill="none" stroke="#18334d" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/><path d="M506 925C510 914 511 906 508 898M523 915C532 912 540 907 544 900M510 924C521 926 529 925 538 922M526 937C535 944 543 947 553 948" fill="none" stroke="#18334d" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.sand-dollar {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/FuAx7A2iNnKG/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.sand-dollar {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/FuAx7A2iNnKG/amnt.svg") center / contain no-repeat;
}
React
import SandDollarSvg from "./sand-dollar.jsx"; // from the React tab above

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

Tags

weddingframesand dollarsea grasscoastal

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one coastal wedding invitation frame: a fine portrait rectangle with a sand dollar centered along the lower edge, its five-petal marking drawn clearly, and small curved sea-grass accents extending to either side. Use navy linework, an empty center, and a transparent background; no lettering. 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