How do I create a teardrop in HTML?

Question

How do I create a shape like this to display on a webpage?

I don\'t want to use images since they would get blurry on scaling

Answer 1

It is quite easy to do this with SVG by just using an image conversion resource such as http://image.online-convert.com/convert-to-svg, which was used to create the following: