chrisnajman / styling-svgs

CSS limitations when styling SVGs

Styling SVGs

CSS Limitations

• If all path, rect and line elements of an SVG share the same color, stroke-width etc, then you can use a sprite.
• If individual paths contain different colors, stroke-widths etc, you have to use an inline SVG or it will not display.

See Styling SVGs Git Page

Testing

Tested on:

• Windows 10
  • Chrome
  • Firefox
  • Microsoft Edge

The page has been tested in both browser and device views.