Menu

Beta
Sign in
Heart Knot SVG element, line

Heart Knot SVG element, line

A tall rectangular rope border finishes in a heart-shaped knot with short tails below, using line breaks to show the crossings. Use it for wedding invitations and 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/QiaQiNEsR4rI/amnt.svg" alt="Heart Knot" 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="M337 894L98 894C72 894 57 879 57 853L57 82C57 56 72 41 98 41L721 41C747 41 762 56 762 82L762 853C762 879 747 894 721 894L482 894" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M330 882L98 882C80 882 69 871 69 853L69 82C69 64 80 53 98 53L721 53C739 53 750 64 750 82L750 853C750 871 739 882 721 882L489 882" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M111 41L123 53M146 41L158 53M181 41L193 53M216 41L228 53M251 41L263 53M286 41L298 53M321 41L333 53M356 41L368 53M391 41L403 53M426 41L438 53M461 41L473 53M496 41L508 53M531 41L543 53M566 41L578 53M601 41L613 53M636 41L648 53M671 41L683 53" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M57 106L69 94M57 141L69 129M57 176L69 164M57 211L69 199M57 246L69 234M57 281L69 269M57 316L69 304M57 351L69 339M57 386L69 374M57 421L69 409M57 456L69 444M57 491L69 479M57 526L69 514M57 561L69 549M57 596L69 584M57 631L69 619M57 666L69 654M57 701L69 689M57 736L69 724M57 771L69 759M57 806L69 794M57 841L69 829" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M750 106L762 94M750 141L762 129M750 176L762 164M750 211L762 199M750 246L762 234M750 281L762 269M750 316L762 304M750 351L762 339M750 386L762 374M750 421L762 409M750 456L762 444M750 491L762 479M750 526L762 514M750 561L762 549M750 596L762 584M750 631L762 619M750 666L762 654M750 701L762 689M750 736L762 724M750 771L762 759M750 806L762 794M750 841L762 829" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M60 66L72 71M77 46L83 57M737 45L732 56M758 65L746 71M59 868L71 863M78 890L83 879M737 890L732 879M760 868L748 863" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M111 882L123 894M146 882L158 894M181 882L193 894M216 882L228 894M251 882L263 894M286 882L298 894M505 882L517 894M540 882L552 894M575 882L587 894M610 882L622 894M645 882L657 894M680 882L692 894" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M400 935C378 916 319 880 319 848C319 824 336 808 359 808C380 808 397 823 409.5 839C422 823 439 808 460 808C483 808 500 824 500 848C500 876 456 908 430 927" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M409 925C385 905 331 874 331 848C331 831 342 820 359 820C377 820 393 837 405 853C408 857 411 857 414 853C426 837 442 820 460 820C477 820 488 831 488 848C488 871 448 898 422 917" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M400 935C422 953 439 968 442 989C446 991.67 450 991.33 454 988C451 962 430 941 409 925" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M394 945C379 959 367 974 365 989C369 992.33 373 992.67 377 990C379 977 389 965 403 953" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M320 838L333 842M329 820L339 828M348 809L352 821M371 811L368 823M391 824L384 834M410 840L418 848M429 820L436 830M451 809L454 821M474 811L470 823M492 825L481 832M499 847L487 851M492 868L480 867M478 886L467 881M459 903L449 897M438 921L429 914M324 867L336 865M340 887L351 881M360 904L370 897M381 920L391 913M407 941L416 933M426 958L436 951M439 977L450 972M381 960L390 968M369 978L380 982" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M366 991L364 999M371 993L371 1001M376 992L377 999M443 991L442 999M448 993L449 1001M453 991L456 998" fill="none" stroke="#142e49" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.heart-knot {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QiaQiNEsR4rI/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.heart-knot {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QiaQiNEsR4rI/amnt.svg") center / contain no-repeat;
}
React
import HeartKnotSvg from "./heart-knot.jsx"; // from the React tab above

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

Tags

weddingframeropeheartknot

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one coastal wedding invitation frame: a tall rectangular rope outline with a decorative heart-shaped rope knot centered at the bottom and two short rope tails extending below. Clearly show the over-and-under crossings using clean line breaks. Navy linework, blank interior, no text or 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