Erik

<p>This plugin provides a Svg Block to your block editor, this can be used with any svg icon or image (or even a html snippet). Some key features are provided like automatic markup sanitation, optimization (svgo), and small utility to change the color and the markup that will be very useful for you to create variations of your image.</p>
<p>This block has the same controls as the images, but actually the content is xml markup, and you can change it as you like! This allows thousands of possibilities… You will be able to use css animations or js scripts to animate it, change the inner text of the svg, create variations of the same svg.<br />
However, this has the disadvantage that the svg will not be copied into the media library, so if you plan to use the same svg several times (buttons, icons, etc.) you are better off creating a reusable block</p>
<p>From a performance point of view, be aware that the image will not be included as an external resource, but will instead be within the markup of the page, thus making svg even faster than it already is.</p>
<h3>Svg are awesome because:</h3>
<ul>
<li>✌️ Are always super sharp!</li>
<li>🪶 Incredibly lightweight and doesn’t require any additional resize image (you only need one source for all screen sizes and resolutions)</li>
<li>⚡ Increased page performance! Using inline SVGs saves can save dozens of requests and save server download bandwith.</li>
<li>🎉 highly customisable and animatable! Embedded svgs are easy to be animated, just use css!</li>
</ul>
<h4>Security</h4>
<p>Since this plugin doesn’t enable uploads of svg images into media library could be considered safer than all the others that enable the upload.<br />
As if that wasn’t enough Svg’s will be cleaned with DOM purify which indeed is a first class js purifier, those used in php try to mimic how it works.</p>
<p>Svg will be included within the pages as xml fragments, so they will not be processed by imagemagick and cannot be uploaded by anyone from website “side”. Only those with permissions to use the editor will be allowed to ‘upload’ (or rather include) them.</p>
<h4>Inspirations, links</h4>
<p><a href="https://www.slideshare.net/x00mario/the-image-that-called-me" rel="nofollow ugc">Mario Heiderich the-image-that-called-me</a></p>
<p><a href="https://www.fortinet.com/blog/threat-research/scalable-vector-graphics-attack-surface-anatomy" rel="nofollow ugc">Fortinet – Anatomy of Scalable Vector Graphics (Svg) Attack Surface on the Web</a></p>
<h3>Resources</h3>
<ul>
<li>dompurify © 2015 Mario Heiderich, <a href="https://raw.githubusercontent.com/cure53/DOMPurify/main/LICENSE" rel="nofollow ugc">Apache License Version 2.0</a></li>
<li>svgo © 2021 Kir Belevich, <a href="https://raw.githubusercontent.com/svg/svgo/main/LICENSE" rel="nofollow ugc">MIT License</a></li>
</ul>
<h4>Contribute</h4>
<p>We love your input! We want to make contributing to this project as easy and transparent as possible, whether it’s:</p>
<ul>
<li>Reporting a bug</li>
<li>Discussing the current state, features, improvements</li>
<li>Submitting a fix 💯 or a new feature 🎉</li>
</ul>
<p>We use GitHub to host code, to track issues and feature requests, as well as accept pull requests.<br />
By contributing, you agree that your contributions will be licensed under its GPLv3 License.</p>


OH MY Svg

Add any svg to your website with the superpowers of the block editor. Out-of-the-box security and speed optimization!

copist

<p>Enrich your website with styled, consistent, vector, scalable, pixel-perfect, first-class, shiny-ass icons. Insert icons in the post for less than 8 seconds.<br />
Keep your site cool. Save your time. Work with pleasure.</p>
<p>Hi! We are <a href="https://icons8.com/about/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">Icons8</a> team. We draw icons. <a href="https://icons8.com/web-app/new-icons/all?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">Daily</a>. For free. <a href="https://icons8.com/request-icon/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">By users requests</a>. We have drawn more than 43 000 icons in 10 consistent styles.<br />
We also create various useful things for the community.</p>
<p>The WordPress Icons Enricher plugin allows to insert vector icons in your blog posts and pages. Decorate your menu with icons.</p>
<p>There are seven icon packs included now:</p>
<ul>
<li>LineAwesome</li>
<li>FontAwesome</li>
<li>Ionicons</li>
<li>Simple Line Icons</li>
<li>Weather Icons</li>
<li>Typicons</li>
<li>Foundation Icons</li>
</ul>
<p>They are 3067 icons altogether.</p>
<p>The WordPress Icons Enricher plugin is optimized for traffic: even if there are several icon packs in the plugin, it will attach to page only required resources such as CSS, JS, web-fonts etc. For some icon packs you may enable the <a href="https://en.wikipedia.org/wiki/Content_delivery_network" rel="nofollow ugc">CDN</a> usage – it will reduce traffic from your host and decrease page loading time. Site visitors value it.</p>
<p>You will choose the icons using the nice and fast UI with associative search:</p>
<ul>
<li>You don’t have to choose one icon from limitless comboboxes</li>
<li>You don’t have to look up the sheets of tiny pictures when searching for the damn “thumb up”</li>
<li>You don’t have to remember the exact icon names so you may search the icons by context, not by names </li>
</ul>
<p>Enter “like”, “good”, “perfect”, “finger”, “thumb”, “approve”, “hand” or “facebook” and get you favorite icon.</p>
<p>Demo: <a href="https://enricher.icons8.com/" rel="nofollow ugc">play with the “Add icon” feature</a></p>
<h4>Features</h4>
<ul>
<li>Try plugin in action on the <a href="https://enricher.icons8.com/" rel="nofollow ugc">demo page</a></li>
<li>“Add icon” media button to insert icon in a post or a page</li>
<li>Use icons in the navigation menus</li>
<li>Line Awesome v1.1 web font included (<a href="https://icons8.com/line-awesome/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">preview</a>)</li>
<li>Font Awesome v4.4.0 web font included (<a href="https://icons8.com/line-awesome/?utm_campaign=enricher_wordpress&utm_source=wordpress&utm_refcode=I9AE" rel="nofollow ugc">preview</a>)</li>
<li>Ionicons v2.0.1 web font included (<a href="http://ionicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Simple Line Icons v2.4.1 web font included (<a href="http://simplelineicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Weather Icons v2.0.10 web font included (<a href="http://erikflowers.github.io/weather-icons/" rel="nofollow ugc">preview</a>)</li>
<li>Typicons v2.0.8 web font included (<a href="http://www.typicons.com/" rel="nofollow ugc">preview</a>)</li>
<li>Foundation Icons v3.0 web font included (<a href="http://zurb.com/playground/foundation-icon-fonts-3" rel="nofollow ugc">preview</a>)</li>
<li>Fast and nice UI with associative search  </li>
<li>Optimized for page speed: includes only used resources, allows to include resources from CDN</li>
</ul>
<p><a href="https://enricher.icons8.com/features" rel="nofollow ugc">Suggest new features</a><br />
<a href="https://enricher.icons8.com/features" rel="nofollow ugc">Suggest icon packs to include</a></p>


Icons Enricher

social icons, payment icon, web icon, material, material design Requires at least: 4.6 Tested up to: 4.7 Stable tag: trunk Donate Link: https://enrich …

OH MY Svg vs Icons Enricher