Dotted Line Problem on a Hexagonal SVG

[Sarah Drasner]

Hey y’all,
I’m having quite the rendering problem on a hexagon. It seems that if I use the hexagon as either a SVG or in an icon-font, it gives these weird dotted lines on the diagonal. If you’re on a retina display it will be harder for you to see because they will be smaller, but unfortunately on regular displays it looks horrible. Any suggestions? Much appreciated :)

http://codepen.io/sdras/pen/wszxk

Thanks!

[Sarah Drasner]

Ok I see what you mean here- getting rid of that path makes makes the stroke a little wider but does really help the rendering issue. Thanks!

[Author]

Posts