JSFiddle - React, Tailwind, and code Playground
by Станислав Фролов
HTML
<!-- Add the following link to the <head> of your HTML.
It will expire in 24 hours. -->
<link rel="stylesheet" href="https://i.icomoon.io/public/temp/499c7f6021/UntitledProject1/style.css">
<div class="fs1">
<div>
<span class="modzi modzi-arrow-down" style="font-weight:bolder;">
</span>
<span class="mls"> modzi-arrow-down</span>
</div>
<div>
<span class="modzi modzi-arrow-left">
</span>
<span class="mls"> modzi-arrow-left</span>
</div>
<div>
<span class="modzi modzi-arrow-rigth">
</span>
<span class="mls"> modzi-arrow-rigth</span>
</div>
<div>
<span class="modzi modzi-arrow-up">
</span>
<span class="mls"> modzi-arrow-up</span>
</div>
<div>
<span class="modzi modzi-bell">
</span>
<span class="mls"> modzi-bell</span>
</div>
<div>
<span class="modzi modzi-card">
</span>
<span class="mls"> modzi-card</span>
</div>
<div>
<span class="modzi modzi-cash">
</span>
<span class="mls"> modzi-cash</span>
</div>
<div>
<span class="modzi modzi-cloude">
</span>
<span class="mls"> modzi-cloude</span>
</div>
<div>
<span class="modzi modzi-cog">
</span>
<span class="mls"> modzi-cog</span>
</div>
<div>
<span class="modzi modzi-house">
</span>
<span class="mls"> modzi-house</span>
</div>
<div>
<span class="modzi modzi-lock">
</span>
<span class="mls"> modzi-lock</span>
</div>
<div>
<span class="modzi modzi-mail">
</span>
<span class="mls"> modzi-mail</span>
</div>
<div>
<span class="modzi modzi-power">
</span>
<span class="mls"> modzi-power</span>
</div>
<div>
<span class="modzi modzi-report">
</span>
<span class="mls"> modzi-report</span>
</div>
<div>
<span class="modzi modzi-rub">
</span>
<span class="mls"> modzi-rub</span>
</div>
<div>
<span class="modzi modzi-shop">
</span>
<span class="mls"> modzi-shop</span>
</div>
<div>
...
CSS
body {
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #333;
}
.mls {
margin-left: .25em;
}
.fs1 {
font-size: 32px;
}