How to get rid of extra space below svg in div element

Question

Here is an illustration of the problem (tested in Firefox and Chrome):

Answer 1

Change your style to

style="background-color: red; line-height: 0;"