JSFiddle - React, Tailwind, and code Playground

by brettz9

HTML

<div class="icon-play" id="hd">Play</h3>
<div class="icon-stop" id="hd">Stop</h3>
<hr />
Dynamically extracted Content:

CSS

.icon-play:before {
    content: "\f04b";
}
.icon-stop:before {
    content: "-";
}

JavaScript

var is = document.querySelectorAll('[class^=icon-]');
[].forEach.call(is, function (i) {
    document.body.appendChild(
        document.createTextNode(
            getComputedStyle(i, ':before').content.slice(1, -1)
        )
    );
});