JSFiddle - React, Tailwind, and code Playground

HTML

<div id="black" class="black"></div>

CSS

.black {
        width: 30px;
        height: 30px;
        border: 0;
    }

.black{background: black;}


.black {
        box-shadow: 0 0 0 3px #fff, 0 0 0 4px #888;
        background-image: url("http://pr-focus.com/test/checked.svg");
        background-size: 50% 50%;
        background-repeat: no-repeat;
        background-position: center center;
}