JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://s33.postimg.cc/scmp2tqin/mpl.routing.icons.png"></script>
<head>

</head>

<body>
  <div id="testDiv">
    <img src="https://s33.postimg.cc/scmp2tqin/mpl.routing.icons.png" class="sprite-icon sprite-icon-1 " />
    <img src="https://s33.postimg.cc/scmp2tqin/mpl.routing.icons.png" class="sprite-icon sprite-icon-2 " />
    <img src="https://s33.postimg.cc/scmp2tqin/mpl.routing.icons.png" class="sprite-icon sprite-icon-3 " />
  </div>
</body>

CSS

.sprite-icon {
  height: 20px;
  width: 20px;
  object-fit: none;
}

.sprite-icon-1 {
  object-position: 0 0;
}

.sprite-icon-2 {
  object-position: -20px 0;
}

.sprite-icon-3 {
  object-position: -20px 0;
}