JSFiddle - React, Tailwind, and code Playground

HTML

<input class="checkbox" type="checkbox">
<input class="checkbox" type="checkbox" checked>

SCSS

.checkbox {
    position: relative;
    width: 14px;
    height: 14px;
    border: 1px solid #111;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
    
    &:checked {
        background: url(http://vignette3.wikia.nocookie.net/roblox/images/5/57/Very-Basic-Checkmark-icon.png/revision/latest?cb=20131125154354) no-repeat center center;
        background-size: 100%;
    }
}