StackOverflow SVG renders a black box

[nathanmyles]

This is a great theme, thanks!

I'm noticing that the stack overflow svg seems to just render a black box, the other svgs look to be working.

[nathanmyles]

#10 This fixed it for me

[jhauraw]

@nathanmyles thank you for digging Axiom.

The issue the SO icon is something I had to make a choice on. Due to the limitations of vector graphics and the way SO's icon is designed, you can't punch out the two shapes into one like a normal icon. It's a very rare occurrence, but their icon just happens to be that way. Due to this the fill-current class doesn't work well.

I don't want to hardcode a fill in the SVG itself because this opinionates the icon towards white background websites, which are common, but not universal. Also, all of the icons in Axiom have a transparent background for the widest compatibility with websites color schemes, and having one with a white fill would not be the type of solution I would like for Axiom.

So for now, I don't see a clean solution to the issue you raise. Your PR #10 does work and the easiest way for users to apply that is via an override in their own project by creating the same directory structure and adding your changed SVG to their own project. Hugo will then use the user created SVG instead of Axiom's.

User website project:

layouts
-- partials
  -- svg
    -- stackoverflow.svg

I'll leave this issue open, in case you or others have time to find another solution. I won't have time until next month to look into it further.

Thank you for your submission and comments.