JSFiddle - React, Tailwind, and code Playground

HTML

<svg unhideicon class="svgIcon">....</svg>
<div unhideicon class="svgIcon">....</div>
<span unhideicon class="svgIcon">....</span>

CSS

svg {
    border:1px solid red;
}

JavaScript

var allTogglingButtons = document.querySelectorAll("[unhideicon],[hideicon]");
crossBrowserAddClickEvent(allTogglingButtons, toggleContent);

function crossBrowserAddClickEvent(array, functionName) {
    for (var i = 0; i < array.length; i++) {
        if (array[i].addEventListener) {
            array[i].addEventListener('click', functionName);
        } else if (array[i].attachEvent) {
            var element = array[i];
            (function (el){
                el.attachEvent('onclick', function () {
                    functionName.call(el);
                });
            })(element);
        }
    }
}

function toggleContent() {
    alert(this);
}