JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>

<span><i class="fas fa-shopping-cart glyph"></i></span>
<input type="button" class="button" value="Basket" />

CSS

.glyph{
  position: relative;
  left: 35px;
  pointer-events: none;
}

.button{
  width: 100px;
  height: 100px;
  padding-left: 20px;
}