Noise SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#f6f2e9"/><g fill="#526779"><circle cx="12" cy="15" r="1.8"/><circle cx="48" cy="9" r="1.4"/><circle cx="81" cy="21" r="2"/><circle cx="119" cy="12" r="1.5"/><circle cx="157" cy="19" r="1.8"/><circle cx="187" cy="10" r="1.4"/><circle cx="28" cy="47" r="1.5"/><circle cx="68" cy="39" r="1.8"/><circle cx="103" cy="53" r="1.4"/><circle cx="143" cy="43" r="2"/><circle cx="178" cy="54" r="1.6"/><circle cx="9" cy="82" r="1.7"/><circle cx="48" cy="76" r="1.4"/><circle cx="88" cy="89" r="1.9"/><circle cx="125" cy="78" r="1.5"/><circle cx="165" cy="87" r="1.8"/><circle cx="29" cy="112" r="1.8"/><circle cx="68" cy="119" r="1.5"/><circle cx="108" cy="108" r="1.8"/><circle cx="148" cy="119" r="1.4"/><circle cx="187" cy="109" r="2"/><circle cx="12" cy="151" r="1.5"/><circle cx="51" cy="143" r="2"/><circle cx="89" cy="155" r="1.4"/><circle cx="128" cy="146" r="1.8"/><circle cx="169" cy="156" r="1.5"/><circle cx="29" cy="183" r="1.6"/><circle cx="68" cy="175" r="1.8"/><circle cx="108" cy="188" r="1.5"/><circle cx="147" cy="178" r="2"/><circle cx="188" cy="185" r="1.4"/></g><g fill="#d98569"><rect x="29" y="22" width="3" height="3"/><rect x="97" y="7" width="3" height="3"/><rect x="172" y="30" width="3" height="3"/><rect x="8" y="58" width="3" height="3"/><rect x="86" y="63" width="3" height="3"/><rect x="154" y="69" width="3" height="3"/><rect x="34" y="94" width="3" height="3"/><rect x="111" y="92" width="3" height="3"/><rect x="183" y="78" width="3" height="3"/><rect x="11" y="128" width="3" height="3"/><rect x="82" y="134" width="3" height="3"/><rect x="161" y="130" width="3" height="3"/><rect x="37" y="165" width="3" height="3"/><rect x="108" y="168" width="3" height="3"/><rect x="181" y="151" width="3" height="3"/><rect x="11" y="189" width="3" height="3"/><rect x="86" y="190" width="3" height="3"/><rect x="161" y="190" width="3" height="3"/></g><g fill="#8b9b72"><rect x="62" y="21" width="6" height="2" rx="1"/><rect x="136" y="26" width="6" height="2" rx="1"/><rect x="191" y="39" width="6" height="2" rx="1"/><rect x="46" y="56" width="6" height="2" rx="1"/><rect x="119" y="64" width="6" height="2" rx="1"/><rect x="194" y="68" width="6" height="2" rx="1"/><rect x="64" y="97" width="6" height="2" rx="1"/><rect x="138" y="100" width="6" height="2" rx="1"/><rect x="190" y="125" width="6" height="2" rx="1"/><rect x="43" y="130" width="6" height="2" rx="1"/><rect x="117" y="130" width="6" height="2" rx="1"/><rect x="193" y="169" width="6" height="2" rx="1"/><rect x="65" y="158" width="6" height="2" rx="1"/><rect x="139" y="163" width="6" height="2" rx="1"/><rect x="48" y="194" width="6" height="2" rx="1"/><rect x="123" y="193" width="6" height="2" rx="1"/></g></svg>

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

import NoiseSvg from "./noise.jsx"; // from the React tab above

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