dot/matrix← all loaders
Plus XA plus and an ex trade places on opposite halves of the cycle.
42ambient

Plus X

A plus and an ex trade places on opposite halves of the cycle.

slug
icon-42
duration
2200ms
iteration
infinite
lit cells
17 / 25
size
2.12 KB
easing
cubic-bezier(0.65, 0, 0.35, 1)

used at typical sizes

Plus XA plus and an ex trade places on opposite halves of the cycle.
16px
Plus XA plus and an ex trade places on opposite halves of the cycle.
24px
Plus XA plus and an ex trade places on opposite halves of the cycle.
32px
Plus XA plus and an ex trade places on opposite halves of the cycle.
48px
Plus XA plus and an ex trade places on opposite halves of the cycle.
72px

react

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

standalone svg

svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" role="img" aria-label="Plus X"><title>Plus X</title><desc>A plus and an ex trade places on opposite halves of the cycle.</desc><defs><circle id="b" r="2.4" fill="#ffffff" opacity="0.07"/><circle id="l" r="3.1"/></defs><style>.l{fill:#ffffff;opacity:0;animation:icon-42-k 2200ms cubic-bezier(0.65, 0, 0.35, 1) infinite both;}@keyframes icon-42-k{0%{opacity:0.08;}14%{opacity:1;}72%{opacity:0.95;}100%{opacity:0.08;}}@media (prefers-reduced-motion:reduce){.l{animation:none;opacity:0.45;}}.d00,.d04,.d11,.d13,.d31,.d33,.d40,.d44{animation-delay:1100ms;}.d02,.d12,.d20,.d21,.d22,.d23,.d24,.d32,.d42{animation-delay:0ms;}</style><use href="#b" x="6" y="6"/><use href="#b" x="17" y="6"/><use href="#b" x="28" y="6"/><use href="#b" x="39" y="6"/><use href="#b" x="50" y="6"/><use href="#b" x="6" y="17"/><use href="#b" x="17" y="17"/><use href="#b" x="28" y="17"/><use href="#b" x="39" y="17"/><use href="#b" x="50" y="17"/><use href="#b" x="6" y="28"/><use href="#b" x="17" y="28"/><use href="#b" x="28" y="28"/><use href="#b" x="39" y="28"/><use href="#b" x="50" y="28"/><use href="#b" x="6" y="39"/><use href="#b" x="17" y="39"/><use href="#b" x="28" y="39"/><use href="#b" x="39" y="39"/><use href="#b" x="50" y="39"/><use href="#b" x="6" y="50"/><use href="#b" x="17" y="50"/><use href="#b" x="28" y="50"/><use href="#b" x="39" y="50"/><use href="#b" x="50" y="50"/><use class="l d00" href="#l" x="6" y="6"/><use class="l d02" href="#l" x="28" y="6"/><use class="l d04" href="#l" x="50" y="6"/><use class="l d11" href="#l" x="17" y="17"/><use class="l d12" href="#l" x="28" y="17"/><use class="l d13" href="#l" x="39" y="17"/><use class="l d20" href="#l" x="6" y="28"/><use class="l d21" href="#l" x="17" y="28"/><use class="l d22" href="#l" x="28" y="28"/><use class="l d23" href="#l" x="39" y="28"/><use class="l d24" href="#l" x="50" y="28"/><use class="l d31" href="#l" x="17" y="39"/><use class="l d32" href="#l" x="28" y="39"/><use class="l d33" href="#l" x="39" y="39"/><use class="l d40" href="#l" x="6" y="50"/><use class="l d42" href="#l" x="28" y="50"/><use class="l d44" href="#l" x="50" y="50"/></svg>