JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<link href="https://file.myfontastic.com/5SPAGVig43m6SrjNrBnjgm/icons.css" rel="stylesheet">


<i data-icon="a"></i>
<i data-icon="b"></i>
<i data-icon="c"></i>
<i data-icon="d"></i>
<i data-icon="e"></i>
<i data-icon="f"></i>
<i data-icon="g"></i>
<i data-icon="h"></i>
<i data-icon="i"></i>
<i data-icon="j"></i>
<i data-icon="k"></i>
<i data-icon="l"></i>
<i data-icon="m"></i>
<i data-icon="n"></i>
<i data-icon="o"></i>

CSS

[data-icon] {
	font-size: 36px;
}