Such as:
.hint {
width: 20px;
height: 20px;
border-radius: 50%;
background: black;
font-size: 16px;
color: #fff;
line-height: 20px;
vertical-align: baseline;
display: inline-block;
text-align: center;
}
<i class="hint">?</i>
The? Replaced by other appropriate symbols on it, and replaced the picture, then on again self-transformation