Speckles SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#f5f0e6"/><g fill="#455a64"><circle cx="13" cy="17" r="2"/><circle cx="48" cy="9" r="1.5"/><circle cx="79" cy="28" r="2.5"/><circle cx="123" cy="14" r="1.8"/><circle cx="164" cy="31" r="2"/><circle cx="187" cy="12" r="1.5"/><circle cx="31" cy="51" r="2.2"/><circle cx="67" cy="63" r="1.6"/><circle cx="105" cy="47" r="2"/><circle cx="145" cy="58" r="1.5"/><circle cx="181" cy="72" r="2.4"/><circle cx="12" cy="91" r="1.6"/><circle cx="46" cy="83" r="2"/><circle cx="91" cy="102" r="1.7"/><circle cx="130" cy="88" r="2.3"/><circle cx="166" cy="108" r="1.8"/><circle cx="25" cy="128" r="2.1"/><circle cx="63" cy="117" r="1.5"/><circle cx="111" cy="139" r="2"/><circle cx="150" cy="131" r="1.6"/><circle cx="190" cy="145" r="2"/><circle cx="9" cy="166" r="1.8"/><circle cx="51" cy="158" r="2.5"/><circle cx="84" cy="180" r="1.6"/><circle cx="125" cy="171" r="2.2"/><circle cx="171" cy="185" r="1.7"/><circle cx="36" cy="190" r="1.5"/><circle cx="153" cy="195" r="1.5"/></g><g fill="#b86f50"><circle cx="57" cy="35" r="6"/><circle cx="157" cy="79" r="7"/><circle cx="37" cy="108" r="5.5"/><circle cx="102" cy="164" r="6.5"/><circle cx="184" cy="173" r="5.5"/></g></svg>

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

import SpecklesSvg from "./speckles.jsx"; // from the React tab above

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