JSFiddle - React, Tailwind, and code Playground

by michananya

HTML

<div>
  <i class="icon-status" aria-label="סטטוס: בביצוע" tabindex="0" title="סטטוס: בביצוע"></i>
</div>

CSS

.icon-status {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: green;
  display: block;
}

.icon-status:focus-visible {
  outline-color: red;
}