Vines SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#F4EBD4"/><g fill="none" stroke="#315D45" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"><path d="M50 0 C105 35 105 65 50 100 C-5 135 -5 165 50 200"/><path d="M150 0 C95 35 95 65 150 100 C205 135 205 165 150 200"/><path d="M82 35 C111 18 116 50 98 50 C87 50 91 36 100 40"/><path d="M18 145 C-9 123 -16 155 3 157 C15 158 12 143 3 147"/><path d="M118 35 C89 18 84 50 102 50 C113 50 109 36 100 40"/><path d="M182 145 C209 123 216 155 197 157 C185 158 188 143 197 147"/></g><g fill="#78A66A"><path d="M84 56 C70 38 55 40 55 40 C58 56 69 66 84 56Z"/><path d="M84 56 C101 49 108 36 108 36 C91 36 80 42 84 56Z"/><path d="M39 119 C24 104 10 108 10 108 C14 124 25 132 39 119Z"/><path d="M39 119 C55 112 62 99 62 99 C46 100 36 106 39 119Z"/><path d="M116 56 C130 38 145 40 145 40 C142 56 131 66 116 56Z"/><path d="M116 56 C99 49 92 36 92 36 C109 36 120 42 116 56Z"/><path d="M161 119 C176 104 190 108 190 108 C186 124 175 132 161 119Z"/><path d="M161 119 C145 112 138 99 138 99 C154 100 164 106 161 119Z"/><path d="M52 180 C35 169 22 175 22 175 C30 189 42 194 52 180Z"/><path d="M52 180 C67 169 70 155 70 155 C55 160 48 168 52 180Z"/><path d="M148 180 C165 169 178 175 178 175 C170 189 158 194 148 180Z"/><path d="M148 180 C133 169 130 155 130 155 C145 160 152 168 148 180Z"/></g></svg>

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

import VinesSvg from "./vines.jsx"; // from the React tab above

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