joelmelon

<p>This plugin allows you to use SVG icons within WordPress as shortcode and/or as Gutenberg Block and adds SVG support with the SVG-Sanitizer library.</p>
<h3>License</h3>
<p>Use this code freely, widely and for free. Provision of this code provides and implies no guarantee.<br />
Please respect the GPL v3 licence, which is available via http://www.gnu.org/licenses/gpl-3.0.html</p>


SVG Icons

This plugin allows you to use SVG icons within WordPress as shortcode and/or as Gutenberg Block and adds SVG support with the SVG-Sanitizer library.

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.

SVG Icons vs WP SVG Images