Coarse Grain SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#eee8d9"/><g fill="#786c59"><path d="M19 22 29 17 38 23 40 34 33 42 21 39 15 31Z"/><path d="M84 12 96 15 102 24 96 34 83 32 77 23Z"/><path d="M149 24 160 18 171 25 169 37 156 42 146 35Z"/><path d="M47 72 59 66 68 74 65 87 53 91 43 83Z"/><path d="M111 62 122 57 133 65 130 77 117 82 108 73Z"/><path d="M165 83 176 78 185 85 183 97 170 101 162 93Z"/><path d="M21 122 32 116 42 124 39 137 26 141 17 132Z"/><path d="M83 113 95 108 104 116 101 129 88 133 79 124Z"/><path d="M139 139 151 133 161 141 158 154 145 158 136 150Z"/><path d="M53 169 65 163 75 171 72 184 59 188 50 180Z"/><path d="M108 174 119 169 129 176 127 188 114 192 105 184Z"/></g><g fill="#a79477"><path id="edge-grain" d="M-7 48 3 43 13 49 12 61 1 67-8 60Z"/><use href="#edge-grain" x="200"/><path id="top-grain" d="M119-9 131-12 140-4 138 8 125 12 116 3Z"/><use href="#top-grain" y="200"/><path id="right-grain" d="M190 121 201 115 211 123 208 136 196 140 187 132Z"/><use href="#right-grain" x="-200"/></g></svg>

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

import CoarseGrainSvg from "./coarse-grain.jsx"; // from the React tab above

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