SVG Spritemap

SVG Spritemap lets you add SVGs with the Media Uploader, as well as create and manage an SVG spritemap from your Media Library.

Contributing

The Git repository for the project may be accessed here: https://github.com/jonathantneal/wp-svg-spritemap/

1. Install and activate the WordPress plugin.
2. Add SVG images through the Media Uploader.
3. Select the SVGs for the spritemap in Settings > Media > SVG Spritemap.

How do I use the SVG Spritemap?

After selecting and updating the SVGs for your spritemap, a defs.svg SVG spritemap is automatically generated.

A text field displays the URL to the SVG spritemap. Individuals sprites may be referenced by appending #: and the name of the sprite to the URL.

<svg><use xlink:href="http://dev.wordpress/wp-content/plugins/svg-spritemap/defs.svg#:accounts"></svg>

How accurate is the estimated filesize?

The live, estimated filesize of the spritemap represents the combined filesize of all the individual SVGs, but it does not factor in additional gzip compression. More than likely, the estimation will be conservative and the filesize will actually be smaller than the estimation.

Why do I not see SVGs in Internet Explorer?

Internet Explorer requires special assistance to display external SVGs. To resolve this issue, I have developed SVG4Everybody.

0.1

• Initial release.