JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav__logo nav__logo--height">  
  <a href="http://localhost/step-asia/">
    <img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png" alt="Step Asia Logo">
  </a>
</div>

CSS

.nav__logo {
  border: 1px solid #f7b5b5;
  text-align: center;
}
.nav__logo a {
  display: table;
  color: black;
  text-transform: capitalize;
  text-decoration: none;
  text-align:center;
}
.nav__logo a img{
  width:10%;
}
.nav__logo--height {
  height: 19px;
  display: inline-block;
  width: 100%;
}
.nav__logo img {
  margin: 0 auto;
}