How to apply a style to an embedded SVG?

Question

When an SVG is directly included in a document using the tag, you can apply CSS styles to the SVG via the document\'s stylesheet. However, I am tryi

Answer 1

If the only reason for using the tag to inlcude the SVG is that you do not want to clutter your source code with the markup from the SVG, you should take a look at SVG injectors like SVGInject.

SVG injection uses Javascript to inject an SVG file inline into your HTML document. This allows for clean HTML source code while making the SVGs fully styleable with CSS. A basic example looks like this: