/ Plugin Category

/ Design & Themes

/ Themes & Templates

/ SVG Block

SVG Block

By Phi Phan

Design & Themes / Themes & Templates

Reviewed by Omar Dabbas

Trusted WordPress expert with 20+ years of experience evaluating plugins for the WP ecosystem.

SVG Block Review - In-Depth Analysis

SVG Block allows you to display SVG images as blocks. Choose from over 3000 icons or upload your own SVG images. Customize settings for accessibility and styling.

Performance Overview

WPS Score

6.78/10

User Rating

5/5 (based on 14+ reviews)

Active Installations

4,000+

Update Frequency

Average It is calculated using the weighted average of same category plugins.

Security Score

5 / 10 (Medium Risk) It is calculated using the weighted average of all versions.

What It Does

This SVG block allows you to display SVG images as inline HTML markup. You can either choose an icon from the icon library with more than 3000 icons or you can upload or input your custom SVG images directly in the block's setting.

It also allows you to upload SVG images to the WordPress media library, and load them into the icon library. Only SVG files that have XML declaration at the top can be uploaded to the WordPress media library.

Key features include accessibility readiness with 'img' role, automatic sanitization of SVG markup, and a collection of common non-rectangular dividers. The icon library includes icons from Bootstrap Icons, Ionicons, Dashicons, and WordPress Icons.

Video tutorials are available to guide you in creating icons with custom styles, non-rectangular background sections, and icon buttons. Explore custom block patterns that utilize this block for practical applications on real-world sites.

Comparing to Alternatives

SVG Block stands out in the SVG handling category with no direct feature-for-feature equivalent, but there are notable alternatives worth considering.

Top alternatives

Strengths

Seamless integration with Gutenberg editor allowing inline SVG animations.
Extensive customization options including size and fill color adjustments.
Supports SVGs in the standard media library for easy management.
Highly praised for its completeness and ease of use.
Developer responsiveness and active feature additions.

Weaknesses

Has had medium severity security vulnerabilities related to SVG file uploads in past versions.
No pro version available, limiting advanced premium features.
Relies on users to update promptly to avoid security risks.
Potentially higher security risk score compared to some alternatives.

User Sentiment Analysis

With a perfect 5-star rating from all 14 reviewers, user feedback is overwhelmingly positive, highlighting functionality and developer support.

Positive highlights

"Perfect and ready for french" - Olivier Gérard
"Works Like a Charm" with missing Gutenberg functionality added - Anonymous User 13711045
"Best SVG Plugin" with direct animation display and customization - Sven Lennartz
"Amazing" and does exactly what it promises - Flavia Bernárdez Rodríguez
"Exactly what I needed" with inline SVG output and color control - swinggraphics

Common complaints

Weaknesses

Past security vulnerabilities involving stored cross-site scripting via SVG uploads.
No paid version means some advanced features may be unavailable.
Users must ensure plugin updates to mitigate security risks.

Who Should Use This?

Best for

Users seeking a robust, easy-to-use SVG block plugin with excellent customization and integration in Gutenberg, especially those who value active developer support.

Not ideal for

Sites with strict security requirements that cannot promptly update plugins or those needing advanced premium features not offered in this free-only plugin.

Pricing & Value

Free version includes

The free version offers comprehensive SVG block functionality including inline SVG animations, size and color customization, and media library integration.

Final Verdict

SVG Block is a highly capable and well-regarded plugin for managing SVGs within WordPress, praised for its ease of use, customization options, and developer responsiveness. It fills a gap in Gutenberg's native capabilities and is suitable for most users needing SVG support.

However, users should be aware of past security vulnerabilities and ensure they keep the plugin updated. The lack of a pro version limits advanced features, but the free offering is robust enough for many use cases. Alternatives exist but may not match its integration and functionality exactly.

Other Notable Features

Here are a few other notable features of this free SVG Block plugin.

SVG block

image display

icon library

Screenshots

FAQ

It helps to input inline SVG images as blocks easily and safely. You can use SVGs from the icon library or upload your own. It also supports uploading SVG images to the media library and displaying them with this block.