How to make a smile in HTML5?

Answer 1

Lalupay

From the lesson:

<svg 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>

Answer 2

https://code.sololearn.com/W1hOPI0O15T2/?ref=app

I am definitely not an html expert, but here's the smile :D

Answer 3

Go to the link
https://codepen.io/Nir_Dayan/pen/caeAn
😇😇😇😇😇😇😇😇😇😇😇😇😇😇

Answer 4

if svg, it's not circle, it's path
donthack's d q works
but actually d c is easier
if not must svg, voja's div border works too.
if want to know how to <path d=" ... c ....", go to my profile find "my logo" code

Answer 5

https://codepen.io/Nir_Dayan/pen/caeAn
http://www.webspeaks.in/2013/11/create-smiling-face-in-html5-canvas.html
http://www.authorcode.com/draw-smiley-in-html5/

Answer 6

Here the actual character for it:

https://www.toptal.com/designers/htmlarrows/symbols/white-smiling-face/

If you want to make it using shapes:

https://www.youtube.com/watch?v=y-airNOj0aA