JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="icons">
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
  <li><img src="http://placehold.it/40x40"></li>
</ul>

CSS

ul.icons {
 width: 440px; 
  border: 1px solid red;  
}

ul.icons li {
    display: inline-block;
    width: 40px; 
    height: 40px; 
    background: url(http://placehold.it/40x40) transparent no-repeat
}