JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="links">
  <li>
    <a href="https://www.instagram.com/gabrioso__/">
      <img src="https://img.icons8.com/color/48/000000/youtube--v1.png"/>
      <span>@gabrioso__</span>
    </a>
  </li>
  <li>
    <a href="https://www.facebook.com/profile.php?id=100013408385228">
      <img src="https://img.icons8.com/color/50/000000/facebook.png"/>
      <span>Marcos Gabriel</span>
    </a>
 </li>
  <li>
    <a href="https://www.youtube.com/channel/UC3k8K1m5UsAn4lGLg6fppfw">
      <img src="https://img.icons8.com/fluent/48/000000/instagram-new.png"/>
      <span>gabrioso memes</span>
    </a>
  </li>
</ul>

CSS

.links {
  list-style-type: none;
  flex: grid;
  display: flex;
}

a {
  text-decoration: none;
  font-family: 'Arial';
  font-size: 10px;
}