Erik

<p>Enhance your WordPress website with the power of SVG images using the <strong>OH MY SVG</strong> plugin. Easily add, manipulate, and optimize SVG images directly within the Gutenberg block editor.</p>
<p>Unlike traditional image blocks, this plugin provides an intuitive interface that allows you to incorporate SVG icons, illustrations, or HTML snippets effortlessly. Experience the convenience of automatic markup sanitation, SVGO optimization, and a range of built-in utilities like color customization, stroke adjustments, and element stripping.</p>
<h3>🌟 Smart Dual Storage Modes (New!)</h3>
<p>One of the biggest issues with using SVGs in WordPress is database bloat. If you paste a heavy SVG directly into the editor, its entire XML markup gets saved into every single post revision, quickly cluttering your database. <strong>OH MY SVG solves this by offering two distinct storage modes:</strong></p>
<ol>
<li><strong>Inline Mode (Best for tiny icons):</strong> The SVG markup is embedded directly within the page’s HTML. This drastically reduces page load time by eliminating server requests and conserving bandwidth. Ideal for small, lightweight vectors.</li>
<li><strong>Media Library Mode (Best for heavy illustrations):</strong> To prevent database bloat, this mode saves the SVG behind the scenes as a custom post meta attached to the WordPress Media Library. The plugin automatically generates a lightweight PNG proxy image so you can see it in your media grid. On the front end, it renders cleanly using a data URI, keeping your post content light, your database clean, and your page performance high.</li>
</ol>
<p>Unleash your creativity with endless possibilities—animate SVGs using CSS or JavaScript, modify inner colors, and scale infinitely without losing sharpness.</p>
<h3>Svg are awesome because:</h3>
<ul>
<li>✌️ <strong>Pixel Perfect:</strong> SVGs render sharply on any screen and resolution.</li>
<li>🗄️ <strong>Zero Database Bloat:</strong> Choose to link heavy SVGs to the Media Library, keeping your post content and revisions lightweight.</li>
<li>🎨 <strong>In-Editor Editing:</strong> Customize colors, add strokes, and remove fills to create variations directly in Gutenberg.</li>
<li>⚡ <strong>Performance Boost:</strong> Use inline SVGs to save dozens of HTTP requests and reduce server download bandwidth.</li>
<li>🛠️ <strong>Built-in Optimizer:</strong> Automatically compress and optimize markup using the integrated SVGO tool.</li>
<li>🎉 <strong>Developer Friendly:</strong> Easy to animate with CSS and JavaScript since they render as DOM elements or standard image tags.</li>
</ul>
<h4>🔒 Security First</h4>
<p>The OH MY SVG plugin prioritizes your website’s security. By default, WordPress blocks raw SVG file uploads due to severe XML/XSS vulnerabilities. <strong>This plugin keeps that protection intact.</strong> Instead of allowing dangerous direct <code>.svg</code> uploads, our plugin safely processes the SVG markup within the editor using a robust JavaScript purifier (DOMPurify). When saving to the Media Library, it creates a harmless PNG proxy file and securely stores the sanitized SVG string as an attachment metadata field. SVGs cannot be maliciously uploaded from the website “side” (e.g., frontend forms); only trusted users with editor permissions can include them.</p>
<h4>Inspirations, links</h4>
<ul>
<li><a href="https://www.slideshare.net/x00mario/the-image-that-called-me" rel="nofollow ugc">Mario Heiderich – the-image-that-called-me</a></li>
<li><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></li>
</ul>
<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

Unlock the magic of your website with the SVG block. Out-of-the-box security, dual storage modes, and turbocharged 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