Seaweed SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#123B4A"/><g fill="none" stroke="#42A889" stroke-width="3" stroke-linecap="round"><path d="M35 190 Q42 145 36 103 Q31 65 43 22"/><path d="M105 195 Q97 151 108 105 Q116 66 105 18"/><path d="M169 190 Q160 145 171 105 Q180 65 168 29"/></g><g fill="#42A889"><path d="M38 151 Q15 133 17 109 Q25 119 27 101 Q34 126 38 151Z"/><path d="M38 127 Q61 109 59 83 Q51 94 49 75 Q42 102 38 127Z"/><path d="M37 93 Q18 77 22 49 Q28 63 33 43 Q39 67 37 93Z"/><path d="M101 164 Q80 142 83 115 Q90 129 94 107 Q101 134 101 164Z"/><path d="M107 130 Q131 112 131 83 Q122 98 120 76 Q111 100 107 130Z"/><path d="M110 88 Q90 72 93 43 Q100 56 103 35 Q112 60 110 88Z"/><path d="M165 164 Q141 149 140 120 Q150 134 150 111 Q162 137 165 164Z"/><path d="M172 126 Q193 105 189 78 Q183 93 177 73 Q173 100 172 126Z"/><path d="M174 84 Q151 68 155 40 Q161 55 165 34 Q174 57 174 84Z"/></g><g fill="#80CDB0"><path d="M40 174 Q59 156 57 135 Q51 146 48 128 Q42 149 40 174Z"/><path d="M35 112 Q14 96 16 74 Q23 87 26 67 Q33 87 35 112Z"/><path d="M104 182 Q124 164 122 139 Q116 154 112 134 Q106 156 104 182Z"/><path d="M109 110 Q87 94 87 70 Q95 84 98 63 Q107 85 109 110Z"/><path d="M167 182 Q187 162 184 138 Q178 152 175 132 Q169 153 167 182Z"/><path d="M170 109 Q147 91 148 66 Q156 81 159 60 Q168 83 170 109Z"/></g></svg>

.seaweed {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/v6_rUP35rmp3/amnt.svg");
  background-size: 200px 200px;
}

import SeaweedSvg from "./seaweed.jsx"; // from the React tab above

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