JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
            <g id="button-icon"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"></path></g>
        </defs>
    </svg>


    <div class="button">
        <svg class="icon" viewBox="0 0 72 72"><use xlink:href="#button-icon"></use></svg>
    </div>
</body>

CSS

div.button {
    width: 72px;
    height: 72px;
    /*color: white;*/
    background-color: blue;
}

svg.icon {
    width: 72px;
    height: 72px;
    color: white;
    fill: currentColor;
}