Scalable Vector Graphics (SVG)

Description

SVG files are two-dimensional vector graphics, that can be both static and dynamic. This plugin allows you to easily use them on your site.

The main project page is located here: https://sterlinghamilton.com/projects/scalable-vector-graphics/

Warning: Understanding that uploading any file to the system is a potential security risk, it is strongly recommended to only let trusted users to have upload privileges.

Resources for understanding security risks:

  • http://security.stackexchange.com/questions/11384/exploits-or-other-security-risks-with-svg-upload
  • https://www.youtube.com/watch?v=v-a77QdoK2I

Installation

Manually

  1. Upload scalable-vector-graphics-svg into your plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Use SVG files just like you would use a normal image file.

Plugin Manager

  1. Go to your plugin manager, located generally at /wp-admin/plugins.php.
  2. Click “Add New”.
  3. Search for “Scalable Vector Graphics SVG”.
  4. Click “Install Now”.
  5. Click “Activate Plugin”.

WP CLI

  1. Be in the root of your WordPress installation.
  2. Run wp plugin install scalable-vector-graphics-svg.
  3. Run wp plugin activate scalable-vector-graphics-svg.

FAQ

Installation Instructions

Manually

  1. Upload scalable-vector-graphics-svg into your plugins directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Use SVG files just like you would use a normal image file.

Plugin Manager

  1. Go to your plugin manager, located generally at /wp-admin/plugins.php.
  2. Click “Add New”.
  3. Search for “Scalable Vector Graphics SVG”.
  4. Click “Install Now”.
  5. Click “Activate Plugin”.

WP CLI

  1. Be in the root of your WordPress installation.
  2. Run wp plugin install scalable-vector-graphics-svg.
  3. Run wp plugin activate scalable-vector-graphics-svg.

Reviews

Great Tool!

I was manually modifying my function.php files but that was not working quite right. This plugin allowed me to archive the same without much work. My only suggestion will me to improve it to help uploading svgz files.

Just Works

This is simple. You install the plugin and you can upload, preview and select svg images with you WP interface.

Works without issues!

I have tried a number of plugins that purport to enable the uploading of SVGs from within WP. But this is the only one that doesn’t cause the media library to behave weirdly. Thanks very much for a job done well!

Read all 20 reviews

Contributors & Developers

“Scalable Vector Graphics (SVG)” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.4

  • Resolve fatal errors for people who have the core php libraries for xml uninstalled, or have invalid xml files.

3.3

  • Add a patch for core bug introduced in 4.7.1

3.2

  • Created End User styles to allow for the front of the site to display SVG files properly.

3.1

  • Fix mime-type issues. Changed too much too quickly. BAD DEVELOPER.

3.0

  • Removed the sanitizer. This plugin isn’t about security. It’s about letting you use SVG files easily.
  • Added more styling to improve Media Manager, including adjustments Grid View and Listing View
  • Added additional styling to allow for SVG files to show for Featured Images.
  • Reduced overall code footprint and complexity.
  • Added code documentation.
  • Resolved several serverside issues you may have been encountering having to do with security related stuff.

2.3.1

  • Added inline styling to the administration area so SVG attachments will show up in list/grid views.
  • Props to shield-9 (Daisuke Takahashi) for the code.

2.2.1

  • Added a security library to scan all uploaded SVG files. It has a list of “expected” elements and attributes, if the file contains thing it does not expect, it removes them. This will include things like Javascript.
  • The security cannot be perfect and it is recommended to only provide upload privileges to trusted users.
  • Props to thedwards for bringing this to my attention.

2.0

  • I broke everything. I’m sorry, but it had to be done.
  • Basically how I had approached the problem before was wrong. It is now being done properly using the correct mime/type.
  • Shortcodes are no longer needed, you can now use SVG files as you would any other image.
  • Previews now show up in the media area for SVG files.
  • IMPORTANT: Anyone using the version prior to 2.0 were using shortcodes to display SVG files. You will have to go back and replace those shortcodes with actual image tags. If you’re not familiar with HTML, you can just delete the shortcode out of the page/post and then insert the SVG file as you would any other image.
  • Thanks to the guys over at mozilla.org for kicking me in the butt to actually fix this thing: https://bugzilla.mozilla.org/show_bug.cgi?id=721830

1.2

  • One less required parameter and a graceful fail over to a valid implementation type. Props @Phil

1.1

  • Fixing a typo. This typo caused ONLY SVG files to be allowed to upload via the media uploader.

1.0

  • I N C E P T I O N