CodePen Embed - pure css checkbox

<label>
        <input type="checkbox" value="confirm" />
        <span>Confirm</span>
</label>

label {
  padding: 0;
  cursor: pointer;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]+span {
  display: inline-block;
  padding-left: 26px;
  line-height: 20px;
  background: url(https://i.imgur.com/bZM5Itd.png) no-repeat left top;
            user-select: none;
}
input[type="checkbox"]:checked+span {
  background: url(https://i.imgur.com/JWm4WKA.png) no-repeat left top;
}

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.