<span class="dli-user-circle-fill"><span></span></span>
.dli-user-circle-fill {
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
position: relative;
width: 1em;
height: 1em;
border: 0.1em solid currentColor;
border-radius: 50%;
box-sizing: content-box;
overflow: hidden;
}
.dli-user-circle-fill > span {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.dli-user-circle-fill > span::before, .dli-user-circle-fill > span::after {
content: '';
display: block;
margin: 0 auto;
background: currentColor;
box-sizing: border-box;
}
.dli-user-circle-fill > span::before {
width: 0.425em;
height: 0.425em;
border-radius: 50%;
margin-bottom: 0.05em;
}
.dli-user-circle-fill > span::after {
width: 0.85em;
height: 0.34em;
border-bottom: 0;
border-radius: 50% / 100% 100% 0 0;
}