JSFiddle - React, Tailwind, and code Playground

HTML

<button class="large" disabled>
    <svg viewBox="0 0 100 100" class="icon icon-browse">
        <use xlink:href="#icon-browse"></use>
    </svg>
    <span>Align Text</span>
</button>

CSS

button.large {
font-size: 30px;
vertical-align:middle;
width:500px
}

.icon {
    width:100px;
    height:100px;
    background:red;
}

button {
    display:table
}

span {
    display: table-cell; 
    vertical-align: middle;
}