Wavy Line SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M113 290c-10 1-55 14-46 29 2 4 7 4 10 4 12-1 19-17 49-15 45 3 57 48 114 33 42-11 61-54 112-23 7 5 14 11 22 15 29 16 62 13 89-5 26-17 52-28 82-12 9 5 17 12 26 17 27 15 58 14 84-2 10-6 18-13 28-18 47-21 71 24 113 30 50 7 70-39 116-35 15 1 29 14 36 15 9 1 14-6 9-14-6-12-45-20-57-19-43 3-69 48-115 32-10-4-18-11-28-17-25-16-57-20-85-6-10 5-18 12-28 18-28 16-54 8-79-9-44-30-72-19-113 6-51 32-66-5-109-20-58-20-70 24-114 31-45 7-66-40-116-35z" fill="#02225d" stroke="#02225d"/><path d="M116 406c-11 1-53 12-49 27 1 5 5 6 10 6 10-1 22-15 45-15 46 1 60 48 116 34 43-11 60-53 112-25 7 4 14 10 22 15 28 17 62 16 89-2 29-20 54-31 87-12 8 4 14 10 21 14 27 16 59 15 85 0 10-6 18-13 28-18 49-23 70 23 112 29 54 8 71-39 116-35 14 1 35 15 40 15 7 1 10-5 9-11-3-13-44-22-55-22-44 1-71 48-116 34-13-4-23-14-34-20-24-15-53-18-79-6-11 4-20 13-31 19-27 16-53 9-77-8-41-27-72-22-112 3-56 36-66-1-110-17-60-21-71 23-113 30-48 8-67-37-116-35z" fill="#02225d" stroke="#02225d"/><path d="M119 767c-11 1-52 11-53 25 0 5 4 9 9 9s27-15 43-16c46-2 61 44 116 34 42-7 64-51 113-27 9 5 17 12 27 18 26 15 58 14 84-2 9-5 16-12 25-16 32-15 58-1 84 16 24 15 55 17 81 4 11-5 20-14 31-19 53-27 68 19 112 26 56 9 71-35 116-34 18 1 36 15 43 16 5 0 9-4 9-9 1-14-40-24-51-25-48-1-70 45-116 34-29-7-43-31-77-33-13-1-25 0-36 5-44 17-57 51-109 15-40-27-73-27-113 0-56 37-66 2-109-15-9-4-18-5-28-5-43-1-51 25-85 33-46 11-71-35-116-34z" fill="#02225d" stroke="#02225d"/><path d="M110 647c-9 1-57 16-41 30 2 2 5 3 7 3 9-1 23-18 51-15 45 3 57 48 114 32 42-12 60-52 111-23 7 5 14 11 22 15 29 17 62 13 89-5 50-32 61-22 108 5 25 14 55 14 79 1 12-6 21-15 33-20 50-21 69 23 112 29 53 7 71-39 116-34 13 1 33 15 39 15 7 0 11-6 8-13-4-14-45-20-56-20-43 2-71 47-115 32-12-4-20-11-30-17-26-17-56-20-84-7-10 5-19 12-29 18-28 16-53 8-79-9-43-29-73-19-113 6-53 33-67-6-110-20-59-18-72 27-115 32-47 5-62-41-117-35z" fill="#02225d" stroke="#02225d"/><path d="M111 527c-9 1-56 15-42 30 2 3 5 3 8 3 11-1 20-17 49-15 45 3 57 48 115 32 42-11 59-53 110-23 9 5 17 12 26 17 28 14 60 11 85-6 54-35 59-24 108 4 27 15 59 15 84-1 10-6 18-14 28-18 49-22 70 23 112 29 54 8 71-38 116-34 17 1 32 14 38 15 7 1 13-4 11-12-4-14-45-21-56-21-43 1-71 47-116 32-30-9-40-31-77-32-13 0-25 2-36 8-46 21-53 46-108 10-43-29-73-21-113 5-51 34-69-5-110-19-59-20-72 26-115 31-48 5-62-40-117-35z" fill="#02225d" stroke="#02225d"/><path d="M511 173c-44 1-70 48-116 33-12-4-22-13-34-20-24-14-54-17-79-5-10 5-18 12-28 18-28 17-55 9-81-8-12-8-25-15-41-17-11-1-74 7-65 28 2 4 6 5 10 5 9-1 21-16 45-16 22 0 37 13 54 23 26 16 58 17 84 2 10-6 18-13 28-18 48-25 70 20 112 27 54 10 70-36 115-34 46 2 59 48 116 33 42-10 60-53 111-24 10 6 19 14 29 19 28 13 57 9 83-7 17-11 33-23 55-21 15 1 34 16 41 16 5 0 10-4 10-9-1-6-7-9-11-12-34-20-69-13-100 8-56 36-63 5-108-14-11-5-22-6-33-6-41 1-50 26-82 33-46 11-68-34-115-34z" fill="#02225d" stroke="#02225d"/></g></svg>

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

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

import WavyLineSvg from "./wavy-line.jsx"; // from the React tab above

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