Sparse Dots SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TsRE8b_rtrDj/amnt.svg" alt="Sparse 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="#F7F8F5"/><g fill="#A9C8C1"><circle cx="38" cy="55" r="4"/><circle cx="142" cy="38" r="3"/><circle cx="257" cy="76" r="5"/><circle cx="391" cy="32" r="3"/><circle cx="531" cy="59" r="4"/><circle cx="714" cy="29" r="3"/><circle cx="923" cy="48" r="4"/><circle cx="1097" cy="25" r="3"/><circle cx="1262" cy="70" r="5"/><circle cx="1428" cy="34" r="3"/><circle cx="1559" cy="68" r="4"/><circle cx="64" cy="211" r="3"/><circle cx="29" cy="378" r="4"/><circle cx="75" cy="557" r="3"/><circle cx="35" cy="746" r="5"/><circle cx="1541" cy="197" r="4"/><circle cx="1570" cy="366" r="3"/><circle cx="1533" cy="548" r="5"/><circle cx="1572" cy="731" r="3"/><circle cx="83" cy="859" r="4"/><circle cx="224" cy="834" r="3"/><circle cx="365" cy="866" r="5"/><circle cx="524" cy="842" r="3"/><circle cx="704" cy="871" r="4"/><circle cx="905" cy="851" r="3"/><circle cx="1081" cy="872" r="5"/><circle cx="1248" cy="839" r="3"/><circle cx="1431" cy="866" r="4"/></g><g fill="#D4C5AE"><circle cx="104" cy="118" r="3"/><circle cx="327" cy="142" r="4"/><circle cx="602" cy="109" r="3"/><circle cx="1164" cy="130" r="4"/><circle cx="1491" cy="123" r="3"/><circle cx="132" cy="304" r="4"/><circle cx="96" cy="665" r="3"/><circle cx="1468" cy="290" r="3"/><circle cx="1497" cy="653" r="4"/><circle cx="161" cy="782" r="3"/><circle cx="445" cy="768" r="4"/><circle cx="837" cy="796" r="3"/><circle cx="1197" cy="771" r="4"/><circle cx="1510" cy="807" r="3"/></g><g fill="#D7E2DB"><circle cx="191" cy="167" r="3"/><circle cx="465" cy="182" r="2.5"/><circle cx="1015" cy="165" r="3"/><circle cx="1361" cy="184" r="2.5"/><circle cx="202" cy="440" r="2.5"/><circle cx="1407" cy="449" r="3"/><circle cx="279" cy="730" r="3"/><circle cx="635" cy="739" r="2.5"/><circle cx="1008" cy="738" r="3"/><circle cx="1340" cy="719" r="2.5"/></g></svg>

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

import SparseDotsSvg from "./sparse-dots.jsx"; // from the React tab above

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