Embedding SVG XML7:17 with Nick Pettit
It's possible to place the contents of an SVG file directly into HTML markup. This allows the SVG markup to be accessible to CSS, so that fills and strokes can be modified in the image.
Browser support for SVGs is generally good. However, there are a few issues to be aware of in Internet Explorer, particularly that SVGs are only supported in IE 9+. Read more about SVG browser support at caniuse.com.
SVG and Illustrator Files
Here are the SVG and Adobe Illustrator files used in this course. If you're using Workspaces with this course, there is no need to download these files; they are just listed here in case you prefer to use another text editor.
Free Vector Drawing Tools
If you're looking for an alternative to Adobe Illustrator, here are some free vector drawing tools that work in a web browser. All of them should be able to export to the SVG format.
You need to sign up for Treehouse in order to download course files.Sign up