Rope Divider SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_3vDnul7PBrz/amnt.svg" alt="Rope Divider" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="chocolate" data-name="Chocolate"><path d="M976 492c18-10 21-52 0-62-8-3-21-4-30-4-25-1-52 5-75 18-6 3-11 7-17 10-41-27-81-33-122-2-27-19-61-27-92-14-10 4-18 11-27 15-41-26-80-32-120-1-32-29-86-27-118 1-39-25-80-34-118-2-39-32-80-23-118 2-17-16-70-33-92-25-20 8-13 51 0 63-19 17-19 62 12 64 27 1 57-5 79-22 38 27 82 31 120 2 32 29 84 26 116-1 37 26 83 31 120 2 9 4 16 10 25 13 32 14 66 6 94-14 27 21 67 29 99 14 8-3 14-9 22-13 22 17 52 24 79 18 9-2 38-19 41-18 5 0 20 11 26 13 27 12 59 13 87 8 31-6 28-55 9-65zm-16-58c-10 17-9 33-2 51-9 0-18-2-27-1s-18 6-26 6c-13-1-36-23-46-31 34-22 62-26 101-25zM51 433c13 12 15 40 0 52-16-6-12-43 0-52zm10 1c39-2 71 21 100 44 10 8 22 19 36 21 4 1 10-2 14-1 13 2 30 25 41 32-4 5-10 8-16 11-28 14-60 8-86-8-20-13-37-33-59-42-10-5-20-4-30-7 10-15 7-35 0-50zm908 2c18-4 18 47 4 50-17 3-18-46-4-50zM368 530c-5 5-12 8-18 11-37 17-72 3-101-22-13-10-27-30-45-33-6-1-13 2-19 1-10-2-30-23-40-29 39-33 85-21 120 8 12 10 24 24 38 30 11 5 16 0 24 1 7 2 35 27 41 33zm121 1c-45 29-82 21-123-11-13-10-25-25-41-32-11-4-16 0-24-1-7-2-33-26-38-32 45-30 81-18 120 13 16 12 32 31 54 32 3 0 8-2 11-2 10 2 32 26 41 33zm240 1c-49 29-80 23-124-12-16-12-32-33-53-34-4 0-10 2-14 2-8-2-30-26-40-31 44-31 83-21 123 11 16 12 32 31 54 32 4 0 10-2 14-1 10 3 29 26 40 33zm230-34c-8 19-8 34 1 53-46 5-86-6-122-36-16-12-29-30-51-29-3 0-7 2-9 2-11-2-30-25-41-31 90-65 120 45 197 44 8 0 17 0 25-3zM607 530c-44 31-82 22-121-10-13-10-24-25-39-31-11-5-16 0-25-1-11-2-32-23-41-30 4-6 12-9 18-12 37-17 73-3 103 21 15 13 31 32 53 32 3 0 8-1 11-1 10 3 31 26 41 32zm240 1c-8 3-15 9-23 12-27 11-55 7-79-8-28-17-51-55-87-46l-38-32c38-32 87-17 122 11 11 9 23 23 37 28 12 6 17 1 26 2 7 1 36 27 42 33zm107-39c-10 4-23 2-34 2 9-5 24-4 34-2zM133 529c-21 15-46 19-72 19 8-17 7-33 1-50 8 0 16-3 23-2 14 1 37 24 48 33zM52 496c13 15 11 39-1 54-13-11-16-45 1-54zm918 2c17-2 17 48 3 51-17 3-18-49-3-51z" fill="#3b1d0a" stroke="#3b1d0a"/></g><g id="mustard" data-name="Mustard"><path d="M959 498c-8 3-17 3-25 3-77 1-107-109-197-44 11 6 30 29 41 31 2 0 6-2 9-2 22-1 35 17 51 29 36 30 76 41 122 36-9-19-9-34-1-53z" fill="#ddac55" stroke="#ddac55"/><path d="M729 532c-11-7-30-30-40-33-4-1-10 1-14 1-22-1-38-20-54-32-40-32-79-42-123-11 10 5 32 29 40 31 4 0 10-2 14-2 21 1 37 22 53 34 44 35 75 41 124 12z" fill="#ddac55" stroke="#ddac55"/><path d="M489 531c-9-7-31-31-41-33-3 0-8 2-11 2-22-1-38-20-54-32-39-31-75-43-120-13 5 6 31 30 38 32 8 1 13-3 24 1 16 7 28 22 41 32 41 32 78 40 123 11z" fill="#ddac55" stroke="#ddac55"/><path d="M61 434c7 15 10 35 0 50 10 3 20 2 30 7 22 9 39 29 59 42 26 16 58 22 86 8 6-3 12-6 16-11-11-7-28-30-41-32-4-1-10 2-14 1-14-2-26-13-36-21-29-23-61-46-100-44z" fill="#ddac55" stroke="#ddac55"/><path d="M960 434c-39-1-67 3-101 25 10 8 33 30 46 31 8 0 17-5 26-6s18 1 27 1c-7-18-8-34 2-51z" fill="#ddac55" stroke="#ddac55"/><path d="M969 436c-14 4-13 53 4 50 14-3 14-54-4-50z" fill="#ddac55" stroke="#ddac55"/><path d="M51 433c-12 9-16 46 0 52 15-12 13-40 0-52z" fill="#ddac55" stroke="#ddac55"/></g><g id="orange" data-name="Orange"><path d="M847 531c-6-6-35-32-42-33-9-1-14 4-26-2-14-5-26-19-37-28-35-28-84-43-122-11l38 32c36-9 59 29 87 46 24 15 52 19 79 8 8-3 15-9 23-12z" fill="#c1791a" stroke="#c1791a"/><path d="M607 530c-10-6-31-29-41-32-3 0-8 1-11 1-22 0-38-19-53-32-30-24-66-38-103-21-6 3-14 6-18 12 9 7 30 28 41 30 9 1 14-4 25 1 15 6 26 21 39 31 39 32 77 41 121 10z" fill="#c1791a" stroke="#c1791a"/><path d="M368 530c-6-6-34-31-41-33-8-1-13 4-24-1-14-6-26-20-38-30-35-29-81-41-120-8 10 6 30 27 40 29 6 1 13-2 19-1 18 3 32 23 45 33 29 25 64 39 101 22 6-3 13-6 18-11z" fill="#c1791a" stroke="#c1791a"/><path d="M133 529c-11-9-34-32-48-33-7-1-15 2-23 2 6 17 7 33-1 50 26 0 51-4 72-19z" fill="#c1791a" stroke="#c1791a"/><path d="M970 498c-15 2-14 54 3 51 14-3 14-53-3-51z" fill="#c1791a" stroke="#c1791a"/><path d="M52 496c-17 9-14 43-1 54 12-15 14-39 1-54z" fill="#c1791a" stroke="#c1791a"/></g><
…

.rope-divider {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_3vDnul7PBrz/amnt.svg");
  background-size: contain;
}

.rope-divider {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_3vDnul7PBrz/amnt.svg") center / contain no-repeat;
}

import RopeDividerSvg from "./rope-divider.jsx"; // from the React tab above

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