JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mail_1_" x="0px" y="0px" width="22px" height="19px" viewBox="0 0 22 19" enable-background="new 0 0 22 19" xml:space="preserve">
<g id="mail">
	<g>
		<path fill-rule="evenodd" clip-rule="evenodd" fill="#686868" d="M0,2v15h22V2H0z M19.615,3.667L11,10L2.385,3.667H19.615z     M20.308,15.333H1.692v-10L10.846,12l9.461-6.667V15.333z"/>
	</g>
</g>
</svg>
<div id="result"></div>

JavaScript

$(document).ready(function(){
    var myPath = document.getElementsByTagName('path'),
        w = myPath.getBoundingClientRect().width,
        h = myPath.getBoundingClientRect().height;
    document.getElementById('result').innerHTML = w + h;
});