Inner Twinkle

<DotMatrixIcon iconIndex={44} size={48} />

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" role="img" aria-label="Inner Twinkle"><title>Inner Twinkle</title><desc>The inner 3×3 cluster twinkles on its own deterministic loop.</desc><style>.bg{fill:#ffffff;opacity:0.07;}.lit{fill:#ffffff;opacity:0;animation:icon-45-kf 2400ms cubic-bezier(0.65, 0, 0.35, 1) infinite both;}@keyframes icon-45-kf {0%{opacity:0.05;}40%{opacity:0.05;}50%{opacity:1;}60%{opacity:0.05;}100%{opacity:0.05;}}@media (prefers-reduced-motion: reduce){.lit{animation:none;opacity:0.45;}}.d11{animation-delay:775ms;}.d12{animation-delay:2201ms;}.d13{animation-delay:1394ms;}.d21{animation-delay:2186ms;}.d22{animation-delay:2302ms;}.d23{animation-delay:1327ms;}.d31{animation-delay:1058ms;}.d32{animation-delay:142ms;}.d33{animation-delay:2158ms;}</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 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 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 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"/></svg>