Upload SVG image in the Image block in Gutenberg

Question

Is there a way to upload SVG images in the Image block on the Gutenberg editor of WordPress.

I've tried using a plugin called SVG Support but it is still allowing me to upload the image.

It gives the following error:

Sorry, this file type is not permitted for security reasons.

Mehmood Ahmad Mehmood Ahmad · Accepted Answer · 2019-02-21T22:06:10

Add SVG support in your theme or plugin via following code snippet

/**
 * Allow SVG MIME Type in Media Upload
 *
 * @param array $mimes Mime types keyed by the file extension regex corresponding to those types.
*/
function cc_mime_types( $mimes ) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter( 'upload_mimes', 'cc_mime_types' );

For avoiding any security risk you can use this plugin (Safe SVG).

Upload SVG image in the Image block in Gutenberg

3 Answers