JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<label>
  <input type="checkbox" />
  <span></span> Text
</label>

CSS

span {
  background: url('https://cdn-images-1.medium.com/max/1600/1*J7sQ1GTvPap9LF1jXhBr8g.png') -263px -88px no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  
}
input:checked + span {
  background-position: -163px -88px;
}
input {
  display: none;
}