SVG icons in safari are blurred

Question

I have noticed that svg icons that placed via \'img\' tag aren\'t rendered correctly in safari. They end up being all blurry. I have created a simple html page and pasted the sa

Answer 1

I'm sorry it's probably late but I had a similar problem and it was because of the blur filter, when I put the shadow on another element and kept the original one on top of it, it worked fine. E.g., you have to duplicate your icon element, apply shadow to it and finally place it below the actual icon.