JSFiddle - React, Tailwind, and code Playground

by Mitch Greer

HTML

<div id="dialog_up" title="Image upload dialog">
    <label class="filebutton" style="padding:0;">
        <svg version="1.1" id="svgUpload" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
            <rect x="-20.994" y="-21.132" fill="#636464" width="101.987" height="101.987" />
            <g>
                <path fill="#FFFFFF" d="M46.978,26.747c0,0.156-0.013,0.288-0.048,0.42c-0.108,0.516-0.528,0.875-1.056,0.875
		c-0.756,0-1.247-0.624-1.247-1.619c0-0.923,0.432-1.667,1.259-1.667c0.563,0,0.96,0.408,1.067,0.899
		c0.012,0.096,0.024,0.228,0.024,0.324V26.747z M46.978,20.847v3.178h-0.024c-0.264-0.408-0.827-0.66-1.547-0.66
		c-1.403,0-2.639,1.139-2.627,3.118c0,1.823,1.115,3.01,2.507,3.01c0.756,0,1.463-0.336,1.835-0.995h0.024l0.084,0.863h1.619
		c-0.024-0.396-0.049-1.091-0.049-1.751v-6.764H46.978z M39.897,27.227c0,0.108-0.012,0.216-0.036,0.312
		c-0.119,0.372-0.491,0.672-0.947,0.672c-0.407,0-0.72-0.228-0.72-0.696c0-0.708,0.744-0.935,1.703-0.923V27.227z M41.757,29.362
		c-0.061-0.324-0.084-0.863-0.084-1.427v-2.039c0-1.379-0.624-2.53-2.579-2.53c-1.067,0-1.87,0.288-2.278,0.516l0.336,1.175
		c0.384-0.24,1.02-0.444,1.619-0.444c0.899,0,1.067,0.444,1.067,0.756v0.084c-2.075-0.012-3.442,0.719-3.442,2.243
		c0,0.936,0.708,1.799,1.896,1.799c0.695,0,1.295-0.252,1.679-0.72h0.036l0.107,0.588H41.757z M32.603,24.661
		c0.827,0,1.163,0.887,1.163,1.763c0,1.056-0.456,1.763-1.163,1.763c-0.78,0-1.2-0.756-1.2-1.763
		C31.402,25.56,31.727,24.661,32.603,24.661z M32.65,23.365c-1.883,0-3.131,1.211-3.131,3.106c0,1.895,1.319,3.022,3.034,3.022
		c1.571,0,3.095-0.983,3.095-3.13C35.648,24.601,34.449,23.365,32.65,23.365z M26.555,29.362h1.823v-8.515h-1.823V29.362z
		...

JavaScript

$(window).resize(function() {
var viewportWidth = $(window).width();
console.log(viewportWidth);
$('#svgUpload').attr('width', (parseFloat($('#svgUpload').css('width')) + 1) + 'px');
$('#svgUpload').attr('height', (parseFloat($('#svgUpload').css('height')) + 1) + 'px');
});