JSFiddle - React, Tailwind, and code Playground

HTML

<div id="control" class="btn">

<div id="btn_container"><img width="100" height="100" src="https://cdn3.iconfinder.com/data/icons/minecraft-icons/512/Stone_Pickaxe.png" alt="Mining pick" /></div>

<span>Start</span> 

</div>

CSS

.btn
{
    position: relative;
    margin-bottom:20px;
    padding: 0 10px;
    text-align: left;
    font-size: 24px;
    color: #333;
    display: table;
    font-family: 'FreightBlack';
        background: #A6D785;
}

#btn_container
{
    border-radius:5px;
    position: relative;
    display: inline-block;
}

.btn img
{
    left: 50%;
    margin-left: 0px;
    top: 50%;
    margin-top: 0px;
}

.btn span
{
    padding-left: 10px;
    display: inline-boock;
    display: table-cell;
    vertical-align:middle;
}

#control {
        text-align: center;
}