dot/matrix← all loaders
StaticVHS noise — every dot flickers on its own delay and duration.
34ambient

Static

VHS noise — every dot flickers on its own delay and duration.

slug
icon-34
duration
1400ms
iteration
infinite
lit cells
25 / 25
size
4.07 KB
easing
linear

used at typical sizes

StaticVHS noise — every dot flickers on its own delay and duration.
16px
StaticVHS noise — every dot flickers on its own delay and duration.
24px
StaticVHS noise — every dot flickers on its own delay and duration.
32px
StaticVHS noise — every dot flickers on its own delay and duration.
48px
StaticVHS noise — every dot flickers on its own delay and duration.
72px

react

tsx
<DotMatrixIcon iconIndex={33} size={48} />

standalone svg

svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" role="img" aria-label="Static"><title>Static</title><desc>VHS noise — every dot flickers on its own delay and duration.</desc><style>.bg{fill:#ffffff;opacity:0.07;}.lit{fill:#ffffff;opacity:0;animation:icon-34-kf 1400ms linear infinite both;}@keyframes icon-34-kf {0%{opacity:0.05;}45%{opacity:0.05;}50%{opacity:1;}55%{opacity:0.05;}100%{opacity:0.05;}}@media (prefers-reduced-motion: reduce){.lit{animation:none;opacity:0.45;}}.d00{animation-delay:550ms;animation-duration:1760ms;}.d01{animation-delay:267ms;animation-duration:2025ms;}.d02{animation-delay:827ms;animation-duration:2025ms;}.d03{animation-delay:713ms;animation-duration:1846ms;}.d04{animation-delay:746ms;animation-duration:1261ms;}.d10{animation-delay:1124ms;animation-duration:1637ms;}.d11{animation-delay:1348ms;animation-duration:1909ms;}.d12{animation-delay:304ms;animation-duration:1649ms;}.d13{animation-delay:561ms;animation-duration:914ms;}.d14{animation-delay:357ms;animation-duration:1088ms;}.d20{animation-delay:155ms;animation-duration:1491ms;}.d21{animation-delay:365ms;animation-duration:1957ms;}.d22{animation-delay:354ms;animation-duration:1796ms;}.d23{animation-delay:1292ms;animation-duration:901ms;}.d24{animation-delay:1393ms;animation-duration:1566ms;}.d30{animation-delay:976ms;animation-duration:1196ms;}.d31{animation-delay:595ms;animation-duration:964ms;}.d32{animation-delay:144ms;animation-duration:1521ms;}.d33{animation-delay:883ms;animation-duration:1501ms;}.d34{animation-delay:1329ms;animation-duration:1382ms;}.d40{animation-delay:1306ms;animation-duration:1090ms;}.d41{animation-delay:979ms;animation-duration:1224ms;}.d42{animation-delay:699ms;animation-duration:1294ms;}.d43{animation-delay:617ms;animation-duration:1670ms;}.d44{animation-delay:1144ms;animation-duration:1085ms;}</style><circle class="bg" cx="6" cy="6" r="2.4"/><circle class="bg" cx="17" cy="6" r="2.4"/><circle class="bg" cx="28" cy="6" r="2.4"/><circle class="bg" cx="39" cy="6" r="2.4"/><circle class="bg" cx="50" cy="6" r="2.4"/><circle class="bg" cx="6" cy="17" r="2.4"/><circle class="bg" cx="17" cy="17" r="2.4"/><circle class="bg" cx="28" cy="17" r="2.4"/><circle class="bg" cx="39" cy="17" r="2.4"/><circle class="bg" cx="50" cy="17" r="2.4"/><circle class="bg" cx="6" cy="28" r="2.4"/><circle class="bg" cx="17" cy="28" r="2.4"/><circle class="bg" cx="28" cy="28" r="2.4"/><circle class="bg" cx="39" cy="28" r="2.4"/><circle class="bg" cx="50" cy="28" r="2.4"/><circle class="bg" cx="6" cy="39" r="2.4"/><circle class="bg" cx="17" cy="39" r="2.4"/><circle class="bg" cx="28" cy="39" r="2.4"/><circle class="bg" cx="39" cy="39" r="2.4"/><circle class="bg" cx="50" cy="39" r="2.4"/><circle class="bg" cx="6" cy="50" r="2.4"/><circle class="bg" cx="17" cy="50" r="2.4"/><circle class="bg" cx="28" cy="50" r="2.4"/><circle class="bg" cx="39" cy="50" r="2.4"/><circle class="bg" cx="50" cy="50" r="2.4"/><circle class="lit d00" cx="6" cy="6" r="3.1"/><circle class="lit d01" cx="17" cy="6" r="3.1"/><circle class="lit d02" cx="28" cy="6" r="3.1"/><circle class="lit d03" cx="39" cy="6" r="3.1"/><circle class="lit d04" cx="50" cy="6" r="3.1"/><circle class="lit d10" cx="6" cy="17" r="3.1"/><circle class="lit d11" cx="17" cy="17" r="3.1"/><circle class="lit d12" cx="28" cy="17" r="3.1"/><circle class="lit d13" cx="39" cy="17" r="3.1"/><circle class="lit d14" cx="50" cy="17" r="3.1"/><circle class="lit d20" cx="6" cy="28" r="3.1"/><circle class="lit d21" cx="17" cy="28" r="3.1"/><circle class="lit d22" cx="28" cy="28" r="3.1"/><circle class="lit d23" cx="39" cy="28" r="3.1"/><circle class="lit d24" cx="50" cy="28" r="3.1"/><circle class="lit d30" cx="6" cy="39" r="3.1"/><circle class="lit d31" cx="17" cy="39" r="3.1"/><circle class="lit d32" cx="28" cy="39" r="3.1"/><circle class="lit d33" cx="39" cy="39" r="3.1"/><circle class="lit d34" cx="50" cy="39" r="3.1"/><circle class="lit d40" cx="6" cy="50" r="3.1"/><circle class="lit d41" cx="17" cy="50" r="3.1"/><circle class="lit d42" cx="28" cy="50" r="3.1"/><circle class="lit d43" cx="39" cy="50" r="3.1"/><circle class="lit d44" cx="50" cy="50" r="3.1"/></svg>