Film Grain SVG pattern, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-5ItoSBK2Qd/amnt.svg" alt="Film Grain" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#92918b"/><g fill="#343431"><circle cx="8" cy="12" r="1.1"/><circle cx="27" cy="5" r=".7"/><circle cx="42" cy="17" r="1.3"/><circle cx="63" cy="9" r=".8"/><circle cx="79" cy="22" r="1"/><circle cx="101" cy="7" r=".7"/><circle cx="119" cy="18" r="1.2"/><circle cx="137" cy="4" r=".8"/><circle cx="153" cy="15" r="1"/><circle cx="176" cy="8" r="1.3"/><circle cx="191" cy="23" r=".7"/><circle cx="16" cy="34" r=".8"/><circle cx="34" cy="27" r="1.2"/><circle cx="55" cy="39" r=".7"/><circle cx="72" cy="31" r="1.1"/><circle cx="92" cy="43" r=".8"/><circle cx="111" cy="30" r="1.3"/><circle cx="130" cy="38" r=".7"/><circle cx="148" cy="29" r="1.1"/><circle cx="168" cy="41" r=".8"/><circle cx="185" cy="33" r="1.2"/><circle cx="5" cy="55" r=".8"/><circle cx="24" cy="48" r="1.3"/><circle cx="44" cy="60" r=".8"/><circle cx="62" cy="52" r="1"/><circle cx="82" cy="64" r="1.2"/><circle cx="100" cy="53" r=".8"/><circle cx="121" cy="59" r="1.1"/><circle cx="141" cy="50" r=".7"/><circle cx="160" cy="62" r="1.3"/><circle cx="179" cy="54" r=".8"/><circle cx="194" cy="65" r="1"/><circle cx="13" cy="78" r="1.2"/><circle cx="32" cy="70" r=".8"/><circle cx="51" cy="83" r="1"/><circle cx="70" cy="74" r=".7"/><circle cx="89" cy="86" r="1.3"/><circle cx="109" cy="75" r=".8"/><circle cx="128" cy="84" r="1.1"/><circle cx="147" cy="72" r=".8"/><circle cx="167" cy="82" r="1.2"/><circle cx="187" cy="73" r=".7"/><circle cx="7" cy="99" r=".7"/><circle cx="26" cy="91" r="1.1"/><circle cx="45" cy="104" r=".8"/><circle cx="64" cy="95" r="1.3"/><circle cx="83" cy="107" r=".7"/><circle cx="102" cy="96" r="1"/><circle cx="122" cy="105" r=".8"/><circle cx="142" cy="93" r="1.2"/><circle cx="161" cy="103" r=".7"/><circle cx="181" cy="95" r="1.1"/><circle cx="15" cy="120" r="1"/><circle cx="34" cy="112" r=".8"/><circle cx="53" cy="125" r="1.2"/><circle cx="72" cy="116" r=".7"/><circle cx="91" cy="127" r="1.1"/><circle cx="111" cy="117" r=".8"/><circle cx="130" cy="126" r="1.3"/><circle cx="150" cy="115" r=".7"/><circle cx="169" cy="124" r="1"/><circle cx="189" cy="116" r=".8"/><circle cx="6" cy="141" r="1.2"/><circle cx="25" cy="133" r=".7"/><circle cx="44" cy="146" r="1"/><circle cx="63" cy="137" r=".8"/><circle cx="82" cy="148" r="1.3"/><circle cx="101" cy="138" r=".7"/><circle cx="120" cy="147" r="1.1"/><circle cx="139" cy="136" r=".8"/><circle cx="158" cy="145" r="1.2"/><circle cx="178" cy="137" r=".7"/><circle cx="194" cy="149" r="1"/><circle cx="14" cy="162" r=".8"/><circle cx="33" cy="154" r="1.2"/><circle cx="52" cy="167" r=".7"/><circle cx="71" cy="158" r="1.1"/><circle cx="90" cy="169" r=".8"/><circle cx="109" cy="159" r="1.3"/><circle cx="129" cy="168" r=".7"/><circle cx="148" cy="157" r="1"/><circle cx="167" cy="166" r=".8"/><circle cx="186" cy="158" r="1.2"/><circle cx="5" cy="183" r=".8"/><circle cx="24" cy="175" r="1.1"/><circle cx="43" cy="188" r=".7"/><circle cx="62" cy="179" r="1.3"/><circle cx="81" cy="190" r=".8"/><circle cx="100" cy="180" r="1"/><circle cx="119" cy="189" r=".7"/><circle cx="138" cy="178" r="1.2"/><circle cx="157" cy="187" r=".8"/><circle cx="176" cy="179" r="1.1"/><circle cx="194" cy="191" r=".7"/></g><g fill="#e6e2d8"><circle cx="18" cy="9" r=".8"/><circle cx="36" cy="20" r="1"/><circle cx="54" cy="6" r=".7"/><circle cx="73" cy="17" r="1.2"/><circle cx="94" cy="13" r=".8"/><circle cx="113" cy="3" r="1"/><circle cx="132" cy="23" r=".7"/><circle cx="150" cy="8" r="1.1"/><circle cx="170" cy="19" r=".8"/><circle cx="188" cy="5" r="1"/><circle cx="7" cy="29" r="1"/><circle cx="25" cy="42" r=".7"/><circle cx="46" cy="31" r="1.1"/><circle cx="65" cy="43" r=".8"/><circle cx="84" cy="33" r="1"/><circle cx="103" cy="43" r=".7"/><circle cx="122" cy="32" r="1.2"/><circle cx="141" cy="44" r=".8"/><circle cx="160" cy="33" r="1"/><circle cx="180" cy="44" r=".7"/><circle cx="15" cy="52" r=".7"/><circle cx="34" cy="63" r="1"/><circle cx="53" cy="51" r=".8
…

.film-grain {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-5ItoSBK2Qd/amnt.svg");
  background-size: 200px 200px;
}

import FilmGrainSvg from "./film-grain.jsx"; // from the React tab above

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