Hacker News new | ask | show | jobs
by angeNoble 4351 days ago
Actually you can style SVG with CSS

    #yourSVG {
        fill: red;
        stroke: blue;
    }
2 comments

I don't think you can re-style a SVG with CSS if you embed it with IMG. CSS styling has to be inline with the SVG, so you can embed it directly, or you can change CSS with JS.
mind = blown
The problem is that, until <svg use> is standardized and supported, the only way to style svg elements is if you include them in your markup (or use something like Iconic's SVG Injector).

There's a tradeoff between inlining (or rather, including them server-side) and calling them as <img>, background-image, or fonts. The size, http requests, caching , and styling all play a role.