Menu

Beta
Sign in
Starfish Sides SVG element, line

Starfish Sides SVG element, line

A clipped-corner rectangle is interrupted by a small outlined starfish at the midpoint of each side. Use this coastal frame for wedding invitations and welcome table signs.

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/6ESr6lusCW_1/amnt.svg" alt="Starfish Sides" 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="M47 466L47 77L81 43L738 43L772 77L772 466" fill="none" stroke="#17334d" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/><path d="M47 560L47 947L81 981L738 981L772 947L772 560" fill="none" stroke="#17334d" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Copy 2" transform="matrix(1 0 0 1 47 512)"><path d="M0 -38C3 -38 5 -22 9 -13C11 -9 15 -9 20 -11L35 -16C41 -18 42 -15 37 -10L21 5C17 9 16 12 19 18L28 34C31 40 28 42 23 38L6 24C2 21 -2 21 -6 24L-23 38C-28 42 -31 40 -28 34L-19 18C-16 12 -17 9 -21 5L-37 -10C-42 -15 -41 -18 -35 -16L-20 -11C-15 -9 -11 -9 -9 -13C-5 -22 -3 -38 0 -38Z" fill="none" stroke="#17334d" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 -26C1 -25.45 0.55 -25 0 -25C-0.55 -25 -1 -25.45 -1 -26C-1 -26.55 -0.55 -27 0 -27C0.55 -27 1 -26.55 1 -26Z" fill="#17334d"/><path d="M1 -18C1 -17.45 0.55 -17 0 -17C-0.55 -17 -1 -17.45 -1 -18C-1 -18.55 -0.55 -19 0 -19C0.55 -19 1 -18.55 1 -18Z" fill="#17334d"/><path d="M1.1 -10C1.1 -9.39 0.61 -8.9 0 -8.9C-0.61 -8.9 -1.1 -9.39 -1.1 -10C-1.1 -10.61 -0.61 -11.1 0 -11.1C0.61 -11.1 1.1 -10.61 1.1 -10Z" fill="#17334d"/><path d="M-25 -9C-25 -8.45 -25.45 -8 -26 -8C-26.55 -8 -27 -8.45 -27 -9C-27 -9.55 -26.55 -10 -26 -10C-25.45 -10 -25 -9.55 -25 -9Z" fill="#17334d"/><path d="M-17 -5C-17 -4.45 -17.45 -4 -18 -4C-18.55 -4 -19 -4.45 -19 -5C-19 -5.55 -18.55 -6 -18 -6C-17.45 -6 -17 -5.55 -17 -5Z" fill="#17334d"/><path d="M-8.9 0C-8.9 0.61 -9.39 1.1 -10 1.1C-10.61 1.1 -11.1 0.61 -11.1 0C-11.1 -0.61 -10.61 -1.1 -10 -1.1C-9.39 -1.1 -8.9 -0.61 -8.9 0Z" fill="#17334d"/><path d="M27 -9C27 -8.45 26.55 -8 26 -8C25.45 -8 25 -8.45 25 -9C25 -9.55 25.45 -10 26 -10C26.55 -10 27 -9.55 27 -9Z" fill="#17334d"/><path d="M19 -5C19 -4.45 18.55 -4 18 -4C17.45 -4 17 -4.45 17 -5C17 -5.55 17.45 -6 18 -6C18.55 -6 19 -5.55 19 -5Z" fill="#17334d"/><path d="M11.1 0C11.1 0.61 10.61 1.1 10 1.1C9.39 1.1 8.9 0.61 8.9 0C8.9 -0.61 9.39 -1.1 10 -1.1C10.61 -1.1 11.1 -0.61 11.1 0Z" fill="#17334d"/><path d="M-19 29C-19 29.55 -19.45 30 -20 30C-20.55 30 -21 29.55 -21 29C-21 28.45 -20.55 28 -20 28C-19.45 28 -19 28.45 -19 29Z" fill="#17334d"/><path d="M-14 22C-14 22.55 -14.45 23 -15 23C-15.55 23 -16 22.55 -16 22C-16 21.45 -15.55 21 -15 21C-14.45 21 -14 21.45 -14 22Z" fill="#17334d"/><path d="M-7.9 15C-7.9 15.61 -8.39 16.1 -9 16.1C-9.61 16.1 -10.1 15.61 -10.1 15C-10.1 14.39 -9.61 13.9 -9 13.9C-8.39 13.9 -7.9 14.39 -7.9 15Z" fill="#17334d"/><path d="M21 29C21 29.55 20.55 30 20 30C19.45 30 19 29.55 19 29C19 28.45 19.45 28 20 28C20.55 28 21 28.45 21 29Z" fill="#17334d"/><path d="M16 22C16 22.55 15.55 23 15 23C14.45 23 14 22.55 14 22C14 21.45 14.45 21 15 21C15.55 21 16 21.45 16 22Z" fill="#17334d"/><path d="M10.1 15C10.1 15.61 9.61 16.1 9 16.1C8.39 16.1 7.9 15.61 7.9 15C7.9 14.39 8.39 13.9 9 13.9C9.61 13.9 10.1 14.39 10.1 15Z" fill="#17334d"/><path d="M1.25 5C1.25 5.69 0.69 6.25 0 6.25C-0.69 6.25 -1.25 5.69 -1.25 5C-1.25 4.31 -0.69 3.75 0 3.75C0.69 3.75 1.25 4.31 1.25 5Z" fill="#17334d"/></g><g id="layer-3" data-name="Copy 3" transform="matrix(1 0 0 1 772 512)"><path d="M0 -38C3 -38 5 -22 9 -13C11 -9 15 -9 20 -11L35 -16C41 -18 42 -15 37 -10L21 5C17 9 16 12 19 18L28 34C31 40 28 42 23 38L6 24C2 21 -2 21 -6 24L-23 38C-28 42 -31 40 -28 34L-19 18C-16 12 -17 9 -21 5L-37 -10C-42 -15 -41 -18 -35 -16L-20 -11C-15 -9 -11 -9 -9 -13C-5 -22 -3 -38 0 -38Z" fill="none" stroke="#17334d" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 -26C1 -25.45 0.55 -25 0 -25C-0.55 -25 -1 -25.45 -1 -26C-1 -26.55 -0.55 -27 0 -27C0.55 -27 1 -26.55 1 -26Z" fill="#17334d"/><path d="M1 -18C1 -17.45 0.55 -17 0 -17C-0.55 -17 -1 -17.45 -1 -18C-1 -18.55 -0.55 -19 0 -19C0.55 -19 1 -18.55 1 -18Z" fill="#17334d"/><path d="M1.1 -10C1.1 -9.39 0.61 -8.9 0 -8.9C-0.61 -8.9 -1.1 -9.39 -1.1 -10C-1.1 -10.61 -0.61 -11.1 0 -11.1C0.61
…
CSS background-image
.starfish-sides {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6ESr6lusCW_1/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.starfish-sides {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/6ESr6lusCW_1/amnt.svg") center / contain no-repeat;
}
React
import StarfishSidesSvg from "./starfish-sides.jsx"; // from the React tab above

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

Tags

weddingframestarfishbordercoastal

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one coastal wedding invitation frame: a portrait rectangular border with clipped corners and a matching small starfish interrupting each side at mid-height. Draw the starfish with simple outlined arms and restrained interior dots. Use fine navy vector strokes, leave the center blank, and omit all text and 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