JSFiddle - React, Tailwind, and code Playground

by Genri_Rus

HTML

<div class="icon-m" data-icon="menu-icon"></div>

JavaScript

var icon = [
        {'menu-icon' : "<svg viewBox=\"0 0 42 42\">\
        <circle cx=\"20\" cy=\"20\" r=\"19\" stroke=\"white\" stroke-width=\"2\"/>\
        <g class=\"change-color\">\
            <circle cx=\"19.5\" cy=\"10.5\" r=\"2.5\" fill=\"currentColor\"/>\
            <circle cx=\"19.5\" cy=\"19.5\" r=\"2.5\" fill=\"currentColor\"/>\
            <circle cx=\"19.5\" cy=\"28.5\" r=\"2.5\" fill=\"currentColor\"/>\
        </g>\
<\/svg>"}
]

$('.icon-m').each((item) => {
  let currentIconCode = $(item).data('icon'),
  // где iconObject - мой плоский объект с иконками
  iconContent = IconObject[currentIconCode];
  console.log(iconContent);
  $(item).html(iconContent)
})