Gostaria de fazer 3 icones em CSS, porém não quero fazer com vários div, com div filhos, etc.
Gostaria algo clean, como
<div class="Status1"></div>
<div class="Status2"></div>
<div class="Status3"></div>
Consegui fazendo com vários div (um para borda) e um div para cada círculo, no caso ficou até com 4 divs, para fazer o Status=3.
No JsFiddler como eu fiz https://jsfiddle.net/dorathoto/rchdwy1f/11/
Meu código:
<div class="quadrado">
<div class="bolaCinza"> </div>
<div class="bolaAzul"> </div>
<div class="bolaRed"> </div>
</div>