JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<span class="toggle"></span>

CSS

body {
  font-family: "Open sans";
  font-size: 14px;
}
.toggle {
  color: #006;
}
.toggle::after {
  font-family: "Remixicon";
  content: "\EA64";
  font-size: 24px;
}
.toggle:active::after {
  font-family: "Remixicon";
  content: "\EA52";
  font-size: 24px;
}