Raloynner

Так же, как и обычный список:

{items.map(n => <div className="item">...</div>)}

Увеличенную ширину задать через css:

.item:nth-child(6n + 3),
.item:nth-child(6n + 4) {
  ...
}

https://jsfiddle.net/exfk10Ls/1/

Взять её в SVG и поставить, например, фоном. Или фоном псевдо.
Если SVG много, их можно сложить в спрайт.
Можно писать инлайном прямо в код CSS с помощью url-encoder
Можно поставить в разметку, если так удобнее, только не забыв задать aria-hidden.

Liquid animation on hover
https://georgefrancis.dev/writing/create-a-liquid-...