스마일 코드

<svg class="face" height="100" width="100">
 
                <circle cx="50" cy="50" r="50" fill="#FDD835"/>
 
                <circle cx="30" cy="30" r="10" fill="#FFFFFF"/>
 
                <circle cx="70" cy="30" r="10" fill="#FFFFFF"/>
 
                <circle cx="30" cy="30" r="5" fill="#000000"/>
 
                <circle cx="70" cy="30" r="5" fill="#000000"/>
 
                <path d="M 30 70 q 20 20 40 0" stroke="#FFFFFF" stroke-width="5" fill="none" />
 
</svg>

.face {

    transform: scale(0.4);

    margin: 0 auto;

    display: block;

    margin-top: -35px;

    margin-bottom: -25px;

}