JSFiddle - React, Tailwind, and code Playground

HTML

<div class="button">Circle</div>

CSS

.button {
    background-position: center;
    background-repeat: no-repeat;
    border: 1px black solid;
    width: 60px;
    height: 56px;
    text-align: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyOCI+PGVsbGlwc2UgY3g9IjE1IiBjeT0iMTQiIHJ4PSIxNSIgcnk9IjE0IiBmaWxsPSJvcmFuZ2UiLz48L3N2Zz4=");
}