JSFiddle - React, Tailwind, and code Playground

by Pankaj Kargirwar

HTML

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="icon-menu" viewBox="0 0 16 16">
        <path d="M1 3h14v3h-14zM1 7h14v3h-14zM1 11h14v3h-14z"></path>
    </symbol>
</svg>
<button>
<svg class="icon icon-menu" viewBox="0 0 16 16">
    <use xlink:href="#icon-menu"></use>
</svg>
<span class="menu">Menu</span> 
</button>

CSS

.icon-menu {
    float:left;
    width:32px;
}
.menu {
    font-size:28px;
    margin-left:5px;
}

JavaScript

$(document).ready(function () {
    alert("h: " + $(".icon-container").height() + " w: " + $(".icon-container").width());
});