kubiq

ShortPixel

<p><strong>Securely upload SVG files to your Media Library. Uploaded SVG files are automatically sanitized.</strong></p>
<p>SVG stands for <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow ugc">Scalable Vector Graphics</a> and is probably the most efficient way to display images.<br />
WP SVG Images Plugin is an <strong>easy-to-use and lightweight plugin</strong> that allows you to upload SVG files to your media library safely and easily.</p>
<h4>Features</h4>
<ul>
<li>Support for SVG uploads to your Media Library.</li>
<li>Sanitize uploaded SVG files. Malicious SVG/XML files are rejected from upload.</li>
<li>Admin configurable SVG support for different user roles. Ability to disable SVG upload for different user roles.</li>
<li>Different user roles can upload and/or sanitize the uploaded SVG images.</li>
<li>SVG preview in Media Library.</li>
</ul>
<h4>Support</h4>
<p>24/7 SVG support offered by <a href="https://shortpixel.com" rel="nofollow ugc">ShortPixel</a> <a href="https://shortpixel.com/contact" rel="nofollow ugc">here</a> or <a href="https://wordpress.org/support/plugin/wp-svg-images/" rel="ugc">here</a>.</p>
<h4>Recommended plugins</h4>
<p>This plugin is supported & maintained by <a href="https://shortpixel.com/" rel="nofollow ugc">ShortPixel</a>.<br />
Other popular plugins by ShortPixel:<br />
<a href="https://wordpress.org/plugins/fastpixel-website-accelerator/" rel="ugc">FastPixel Caching</a> – WP Optimization made easy<br />
<a href="https://wordpress.org/plugins/shortpixel-image-optimiser/" rel="ugc">ShortPixel Image Optimizer</a> – Image optimization & compression for all the images on your website, including WebP delivery – ShortPixel Image Optimizer.<br />
<a href="https://wordpress.org/plugins/shortpixel-adaptive-images/" rel="ugc">ShortPixel Adaptive Images</a> – On-the-fly image optimization & CDN delivery.<br />
<a href="https://wordpress.org/plugins/enable-media-replace/" rel="ugc">Enable Media Replace</a> – Easily replace images or files in Media Library.<br />
<a href="https://wordpress.org/plugins/regenerate-thumbnails-advanced/" rel="ugc">reGenerate Thumbnails Advanced</a> – Easily regenerate thumbnails.<br />
<a href="https://wordpress.org/plugins/resize-image-after-upload/" rel="ugc">Resize Image After Upload</a> – Automatically resize each uploaded image.</p>
<h3>Hooks for developers</h3>
<h4>WPSVG_setAllowedTags</h4>
<p>Allows you to specify more tags that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedTags', 'my_custom_allowed_svg_tags', 10, 1 );
function my_custom_allowed_svg_tags( $tags ){
    $tags[] = 'path';
    return $tags;
}
</code></pre>
<h4>WPSVG_setAllowedAttrs</h4>
<p>Allows you to specify more attributes that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedAttrs', 'my_custom_allowed_svg_attributes', 10, 1 );
function my_custom_allowed_svg_attributes( $attributes ){
    $attributes[] = 'fill';
    return $attributes;
}
</code></pre>


WP SVG Images

Add SVG support to your WP website. Securely upload SVG files, automatic sanitization, Media Library preview.

Benbodhi

<p><strong>The complete SVG solution for WordPress – secure, flexible, and easy to use.</strong></p>
<p>SVG Support enables secure SVG uploads with powerful features for both basic users and developers:</p>
<p>✨ <strong>Key Features</strong>:<br />
– Secure SVG uploads with automatic sanitization<br />
– Inline rendering for direct CSS/JS manipulation<br />
– File size optimization through minification<br />
– Role-based access control<br />
– Advanced developer options<br />
– Multisite compatible<br />
– Full Block Editor (Gutenberg) compatibility</p>
<p>🔒 <strong>Security First</strong>:<br />
– Built-in sanitization removes potentially harmful code<br />
– Role-based upload restrictions<br />
– Comprehensive MIME type validation</p>
<p>🎨 <strong>Designer Friendly</strong>:<br />
– Direct styling of SVG elements<br />
– Animation support<br />
– Custom class targeting<br />
– Automatic dimension handling</p>
<p>💻 <strong>Developer Ready</strong>:<br />
– Advanced mode for additional features<br />
– REST API support<br />
– Gutenberg compatible<br />
– Extensive hooks and filters</p>
<h3>Usage</h3>
<p><strong>Basic Usage</strong>:<br />
– First, install and activate SVG Support via your WordPress dashboard<br />
– Upload SVG files to your media library like any other image<br />
– Works seamlessly with Image blocks, Cover blocks and featured images</p>
<p><strong>Advanced Usage</strong>:<br />
– Enable “Advanced Mode” for minification and inline rendering<br />
– Customize with hooks and filters for tailored functionality</p>
<p><strong>Block Editor Usage</strong>:<br />
– Use Advanced Mode to enable inline rendering:<br />
  – Add the <code>"style-svg"</code> class to Image blocks<br />
  – Add the <code>"style-svg"</code> class to Cover blocks to render SVG backgrounds inline<br />
– Use “Skip Nested SVGs” setting to control inline rendering of SVGs within Cover blocks</p>
<p><strong>Classic Editor Usage</strong>:<br />
– Use Advanced Mode to add the <code>"style-svg"</code> class to <code><img></code> tags for inline rendering<br />
– Enable “Auto Insert Class” option for automatic class insertion in Classic Editor</p>
<p><strong>Common Issues & Solutions</strong>:<br />
– SVG not displaying? Ensure dimensions are set in CSS.<br />
– Need help? Use the support tab and I will do my best to assist you.</p>
<h3>Spin up a test site</h3>
<p>With a single click, you can spin up a completely free test site to test SVG Support using TasteWP! No sign up, no cards, nothing! How cool is that? Give it a go:<br />
<a href="https://tastewp.com/new?pre-installed-plugin-slug=svg-support&redirect=options-general.php%3Fpage%3Dsvg-support&ni=true" rel="nofollow ugc">Click Here to spin up a test site in seconds</a></p>
<h3>Security</h3>
<p>SVG Support prioritizes security with automatic sanitization and role-based restrictions. Only trusted users should have upload permissions. Configure settings to balance functionality and security.</p>
<h3>Feedback</h3>
<p>I’m open to your <a href="mailto:wp@benbodhi.com" rel="nofollow ugc">suggestions and feedback</a> – Thanks for using SVG Support!</p>
<p>Follow <a href="https://twitter.com/svgsupport" rel="nofollow ugc">@SVGSupport</a> on Twitter<br />
Follow <a href="https://twitter.com/benbodhi" rel="nofollow ugc">@benbodhi</a> on Twitter<br />
Follow <a href="https://farcaster.xyz/benbodhi" rel="nofollow ugc">@benbodhi</a> on Farcaster</p>
<p><em>Note:</em> I hope you like this plugin! Please take a moment to <a href="https://wordpress.org/support/view/plugin-reviews/svg-support?filter=5#postform" rel="ugc">rate it</a>.</p>
<h3>Development & Contributing</h3>
<p>The development version of SVG Support is maintained on GitHub. Feel free to contribute:</p>
<ul>
<li>Submit bug reports or feature suggestions: <a href="https://github.com/benbodhi/svg-support/issues" rel="nofollow ugc">GitHub Issues</a></li>
<li>Contribute code via <a href="https://github.com/benbodhi/svg-support/pulls" rel="nofollow ugc">Pull Requests</a></li>
<li>Development repository: <a href="https://github.com/benbodhi/svg-support" rel="nofollow ugc">GitHub</a></li>
</ul>
<h3>Translations</h3>
<p>Contribute translations <a href="https://translate.wordpress.org/projects/wp-plugins/svg-support" rel="nofollow ugc">here</a>. New to translating? Check the <a href="https://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/" rel="nofollow ugc">Translator Handbook</a>.</p>


SVG Support


is very useful, please add Reset button in Settings :-). tnx


Useful

Excellent

Working well

Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling and animation.

WP SVG Images vs SVG Support