How to upload svg through WordPress Media Uploader

Wordpress media allow globally jpg, png, gif images extension. It's not support svg extension so you need to write some code to allow the svg extension.

Add the following code in your functions.php file

function extra_types($mimes) {
  $mimes['svg'] = 'image/svg+xml';
  return $mimes;
add_filter('upload_mimes', 'extra_types');

Without this, SVG files will be rejected when attempting to upload them through the media uploader.

Before WordPress 4.0, you also make them display properly in the Media grid. But that's broken now.

function fix_svg_thumb_display() {
  echo ' img[src$=".svg"], img[src$=".svg"].attachment-post-thumbnail { 
      width: 100% !important; 
      height: auto !important; 
add_action('admin_head', 'fix_svg_thumb_display');


Related Post

Latest Post

Recent Posts Widget

Make sure to never miss a thing...

Get the latest news from the creative industry along with other creative goodies, conveniently delivered to social media.