JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="option"/>
<label for="option"> <span></span> Click me </label>

CSS

input[type="checkbox"]{
    display: none;
    border: none !important;
    box-shadow: none !important;
}

input[type="checkbox"] + label span {
    display: inline-block;
    vertical-align: middle;
    width: 49px;
    height: 49px;
    background: url(http://imgh.us/uncheck.png);
}

input[type="checkbox"]:checked + label span {
    background: url(http://imgh.us/check_2.png);
    content: '\f14a';
    color: #fff;
    vertical-align: middle;
    width: 49px;
    height: 49px;
}