Icon

<div class="icon">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z M15.5,8c0.828,0,1.5,0.895,1.5,2 c0,1.105-0.672,2-1.5,2S14,11.105,14,10C14,8.895,14.672,8,15.5,8z M8.5,8C9.328,8,10,8.895,10,10c0,1.105-0.672,2-1.5,2 S7,11.105,7,10C7,8.895,7.672,8,8.5,8z M17,15c-0.577,0.803-1.285,1.671-2.344,1.907c-1.061,0.234-1.845-0.007-2.724-0.373 c-0.895-0.365-1.917-0.768-2.73-0.768S6.922,16.734,7,16c0.375-1.656,1.888-1.922,2.183-1.975c1.252-0.141,2.412,0.21,3.349,0.568 C15.147,15.596,17.234,13.859,17,15z" />
    </svg>
</div>

<div class="icon">
    <img scr="">
</div>

Result

Size

For more information on available sizes, visit size-f.

<div class="icon size-f-6">
    <!-- Icon code here  or img-->
</div>