Leather SVG background, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#8F6347"/><defs><pattern id="pebble" width="138" height="112" patternUnits="userSpaceOnUse"><g fill="#A17452" opacity=".32"><path d="M8 12q5-5 11-1t2 10q-6 5-12 1t-1-10Z"/><path d="M47 6q7-3 11 2t-1 10q-8 4-12-1t2-11Z"/><path d="M91 14q6-5 12-1t1 10q-6 5-12 1t-1-10Z"/><path d="M122 35q5-4 10 0t0 9q-6 4-10 0t0-9Z"/><path d="M27 44q7-4 11 1t-1 10q-8 3-12-2t2-9Z"/><path d="M69 39q6-5 12-1t1 11q-7 4-12 0t-1-10Z"/><path d="M105 56q7-3 11 2t-2 10q-7 3-11-2t2-10Z"/><path d="M8 81q6-4 11 0t0 9q-6 4-11 0t0-9Z"/><path d="M49 79q6-5 12 0t0 10q-7 4-12-1t0-9Z"/><path d="M85 91q7-4 12 1t-1 10q-8 3-12-2t1-9Z"/><path d="M124 86q5-4 10 0t0 9q-6 4-10 0t0-9Z"/></g><g fill="none" stroke="#684731" stroke-width="1.5" opacity=".3" stroke-linecap="round"><path d="M7 26q8 4 17-1M45 22q8 4 16-1M89 28q9 4 18-1M24 59q9 4 18-1M66 54q9 4 18-1M102 73q9 4 17-1M46 94q9 4 18-1M82 106q9 4 18-1"/></g><g fill="#B0805A" opacity=".25"><ellipse cx="34" cy="15" rx="3" ry="2"/><ellipse cx="76" cy="20" rx="2.5" ry="2"/><ellipse cx="115" cy="10" rx="3" ry="2"/><ellipse cx="11" cy="59" rx="2.5" ry="2"/><ellipse cx="55" cy="61" rx="3" ry="2"/><ellipse cx="94" cy="43" rx="2.5" ry="2"/><ellipse cx="31" cy="96" rx="3" ry="2"/><ellipse cx="73" cy="73" rx="2.5" ry="2"/><ellipse cx="116" cy="105" rx="3" ry="2"/></g></pattern></defs><rect width="1600" height="900" fill="url(#pebble)"/><g fill="none" stroke="#684731" stroke-linecap="round" opacity=".18"><path d="M-80 170C250 125 435 204 745 160S1300 108 1680 160" stroke-width="3"/><path d="M-90 181C250 136 440 215 748 171S1305 119 1690 171" stroke-width="1.5"/><path d="M-100 646C285 598 515 690 865 642S1370 600 1700 655" stroke-width="2.5"/><path d="M-95 656C290 608 520 700 870 652S1375 610 1700 665" stroke-width="1.4"/><path d="M220 930C250 740 193 626 226 475S251 185 207-50" stroke-width="2"/><path d="M233 930C263 740 206 626 239 475S264 185 220-50" stroke-width="1.2"/><path d="M1390 950C1342 755 1408 568 1372 370S1360 105 1408-40" stroke-width="2"/></g></svg>

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

import LeatherSvg from "./leather.jsx"; // from the React tab above

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