Scattered Dots SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QQr9o0xTST4T/amnt.svg" alt="Scattered Dots" 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="#182B35"/><g fill="#78949B" opacity="0.48"><circle cx="47" cy="62" r="3"/><circle cx="132" cy="113" r="2"/><circle cx="219" cy="48" r="2.5"/><circle cx="306" cy="139" r="2"/><circle cx="391" cy="75" r="3"/><circle cx="483" cy="119" r="2"/><circle cx="574" cy="54" r="2.5"/><circle cx="666" cy="143" r="2"/><circle cx="757" cy="67" r="2.5"/><circle cx="853" cy="126" r="2"/><circle cx="948" cy="50" r="3"/><circle cx="1041" cy="112" r="2"/><circle cx="1134" cy="69" r="2.5"/><circle cx="1232" cy="145" r="2"/><circle cx="1329" cy="51" r="3"/><circle cx="1434" cy="108" r="2"/><circle cx="1542" cy="55" r="2.5"/><circle cx="82" cy="218" r="2.5"/><circle cx="174" cy="187" r="2"/><circle cx="269" cy="259" r="3"/><circle cx="365" cy="205" r="2"/><circle cx="486" cy="236" r="2"/><circle cx="1119" cy="222" r="2"/><circle cx="1239" cy="264" r="2.5"/><circle cx="1346" cy="198" r="2"/><circle cx="1457" cy="245" r="3"/><circle cx="1557" cy="190" r="2"/><circle cx="39" cy="329" r="2"/><circle cx="143" cy="365" r="3"/><circle cx="234" cy="311" r="2"/><circle cx="348" cy="386" r="2.5"/><circle cx="1291" cy="344" r="2"/><circle cx="1403" cy="391" r="2.5"/><circle cx="1526" cy="322" r="2"/><circle cx="91" cy="471" r="2.5"/><circle cx="207" cy="432" r="2"/><circle cx="312" cy="511" r="2"/><circle cx="690" cy="364" r="1.5"/><circle cx="1063" cy="539" r="1.5"/><circle cx="1309" cy="480" r="2"/><circle cx="1431" cy="448" r="3"/><circle cx="1561" cy="515" r="2"/><circle cx="45" cy="605" r="2"/><circle cx="157" cy="554" r="3"/><circle cx="273" cy="626" r="2"/><circle cx="379" cy="578" r="2.5"/><circle cx="1226" cy="601" r="2"/><circle cx="1354" cy="559" r="2.5"/><circle cx="1482" cy="632" r="2"/><circle cx="1567" cy="578" r="2.5"/><circle cx="96" cy="722" r="2.5"/><circle cx="197" cy="669" r="2"/><circle cx="304" cy="746" r="3"/><circle cx="424" cy="691" r="2"/><circle cx="539" cy="759" r="2"/><circle cx="1074" cy="710" r="2"/><circle cx="1188" cy="763" r="2.5"/><circle cx="1302" cy="694" r="2"/><circle cx="1418" cy="749" r="3"/><circle cx="1538" cy="686" r="2"/><circle cx="38" cy="831" r="2"/><circle cx="146" cy="859" r="2.5"/><circle cx="264" cy="808" r="2"/><circle cx="374" cy="864" r="3"/><circle cx="480" cy="817" r="2"/><circle cx="590" cy="857" r="2.5"/><circle cx="699" cy="805" r="2"/><circle cx="812" cy="861" r="2.5"/><circle cx="927" cy="814" r="2"/><circle cx="1045" cy="858" r="3"/><circle cx="1158" cy="806" r="2"/><circle cx="1271" cy="858" r="2.5"/><circle cx="1384" cy="807" r="2"/><circle cx="1497" cy="861" r="3"/><circle cx="1575" cy="810" r="2"/></g></svg>

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

import ScatteredDotsSvg from "./scattered-dots.jsx"; // from the React tab above

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