JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <a href="">
    <div class="block">
      <img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/e0/WPVG_icon_2016.svg/1024px-WPVG_icon_2016.svg.png" width="35" class="img"> Ссылка 1
      <span class="arrow">
      <img src="https://cdn4.iconfinder.com/data/icons/arrows-1-9/32/arrow_right_next-512.png" width="35">
      </span>
    </div>
  </a>
  
  <a href="">
    <div class="block">
      <img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/e0/WPVG_icon_2016.svg/1024px-WPVG_icon_2016.svg.png" width="35" class="img"> Другая ссылка
      <span class="arrow">
      <img src="https://cdn4.iconfinder.com/data/icons/arrows-1-9/32/arrow_right_next-512.png" width="35">
      </span>
    </div>
  </a>
  
  <a href="">
    <div class="block">
      <img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/e0/WPVG_icon_2016.svg/1024px-WPVG_icon_2016.svg.png" width="35" class="img"> Еще ссылка
      <span class="arrow">
      <img src="https://cdn4.iconfinder.com/data/icons/arrows-1-9/32/arrow_right_next-512.png" width="35">
      </span>
    </div>
  </a>
</div>

CSS

.container {
  max-width: 300px;
  font-size: 20px;
}

.container a {
  text-decoration: none;
  color: black;
}

.container a:hover {
  color: gray;
}

.img {
  vertical-align: middle;
}

.arrow {
  width: 10%;
  float: right;
}

.block {
  background-color: #fff;
  border: 1px solid #bcd9eb;
  padding: 5px;
  line-height: 1em;
}