salko

<p>It uses SVGWEB (http://code.google.com/p/svgweb/) project to provide cross-browser SVG support.<br />
SVG is vector format for web http://en.wikipedia.org/wiki/Scalable_Vector_Graphics</p>
<p>How to use:</p>
<p>Simple put a shortcode:</p>
<p>[svg scr=/path_to_your_svg/my.svg width=100 height=100]</p>
<p>src – path to svg file</p>
<p>width – width in pixels</p>
<p>height – height in pixels</p>


WP-SVG

WP-SVG allows you to embed SVG images into wordpress posts and pages using shortcode.

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.

WP-SVG vs WP SVG Images