Stitched Line SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="red" data-name="Red"><path d="M292 497c7-10 39-33 25-46-3-3-8-3-12-2-9 3-37 40-48 48-4 5-9 10-11 17 6 21 20 8 29 0z" fill="#fc4243" stroke="#fc4243"/><path d="M828 497c8-10 38-32 26-45-4-4-9-4-13-3-9 3-38 40-48 48-4 6-10 9-10 17 0 4 2 7 5 9 10 7 16-3 23-9z" fill="#fc4243" stroke="#fc4243"/><path d="M649 497c6-10 16-16 23-25 8-10 7-28-10-23-9 3-37 40-48 48-4 6-10 9-10 17 3 23 21 5 28 0z" fill="#fc4243" stroke="#fc4243"/><path d="M113 497c7-9 16-16 24-25 8-10 7-28-10-23-13 4-36 43-49 48-3 7-10 9-10 18 6 21 20 6 29-1z" fill="#fc4243" stroke="#fc4243"/><path d="M470 497c7-9 16-16 23-24 9-11 7-30-10-24-13 4-35 43-48 48-3 7-9 9-10 17 5 23 20 7 29 0z" fill="#fc4243" stroke="#fc4243"/><path d="M159 497c-1 8 7 12 11 17 8 8 38 43 45 45 16 6 20-10 12-21-6-8-16-14-22-23l-16-18c-9-4-13-17-25-10-3 2-5 6-5 10z" fill="#fc4243" stroke="#fc4243"/><path d="M516 497c1 8 7 11 11 17 11 9 36 43 47 46 15 5 18-12 10-22-6-8-18-14-22-24l-17-17c-8-6-26-24-29 0z" fill="#fc4243" stroke="#fc4243"/><path d="M695 497c-1 8 7 12 11 17 13 9 33 42 46 46 16 5 19-12 11-22-7-7-18-15-22-24-7-3-13-11-17-17-7-5-13-17-24-10-3 2-5 6-5 10z" fill="#fc4243" stroke="#fc4243"/><path d="M903 497c-8-3-24-28-30 0 1 8 7 11 11 17 12 9 34 41 46 45 15 6 20-10 12-20-7-9-15-16-22-24z" fill="#fc4243" stroke="#fc4243"/><path d="M338 497c-1 8 7 12 11 17 7 8 38 43 45 45 15 6 20-10 12-20-7-9-15-16-22-24l-17-18c-7-5-14-17-25-9-3 2-4 5-4 9z" fill="#fc4243" stroke="#fc4243"/></g><g id="navy" data-name="Navy"><path d="M920 515c14-5 50 4 60-1 5-3 7-10 3-14-5-6-69-3-80-3z" fill="#0b295d" stroke="#0b295d"/><path d="M338 497h-46l-17 17h74c-4-5-12-9-11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M695 497h-46l-17 17h74c-4-5-12-9-11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M159 497h-46l-16 17h73c-4-5-12-9-11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M516 497h-46l-16 17h73c-4-6-10-9-11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M873 497h-45l-17 17h73c-4-6-10-9-11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M793 497h-69c4 6 10 14 17 17h42c0-8 6-11 10-17z" fill="#0b295d" stroke="#0b295d"/><path d="M435 497h-68l17 18 41-1c1-8 7-10 10-17z" fill="#0b295d" stroke="#0b295d"/><path d="M257 497h-68l16 18 41-1c2-7 7-12 11-17z" fill="#0b295d" stroke="#0b295d"/><path d="M614 497h-69l17 17h42c0-8 6-11 10-17z" fill="#0b295d" stroke="#0b295d"/><path d="M68 515c0-9 7-11 10-18-8 0-35-3-38 4-9 17 21 12 28 14z" fill="#0b295d" stroke="#0b295d"/></g></svg>

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

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

import StitchedLineSvg from "./stitched-line.jsx"; // from the React tab above

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