JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="col">
    <img src="http://www.freeiconspng.com/uploads/ghost-icon-11.png" alt="">
    <a href="#">link</a>
  </div>
  <div class="col">
    <img src="http://www.freeiconspng.com/uploads/ghost-icon-11.png" alt="">
    <a href="#">link</a>
  </div>
  <div class="col">
    <img src="http://www.freeiconspng.com/uploads/ghost-icon-11.png" alt="">
    <a href="#">link</a>
  </div>
</div>

CSS

img {
  width:40px; height:auto;
  margin-right:10px;
}

.row {
	display:flex;
	justify-content:center;
}

.col {
	display:flex;
	justify-content:center;
	align-items:center;
  margin:0 2.5%;
}