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.

Jase

<p>Social Icons Obvs offers the ability to add social media icons to a WordPress site with extensive customising options, such as icon background colour, shape, size, spacing and alignment.</p>
<p>The plugin settings page consists of three sections, each with it’s own tab. They are namely <em>Accounts</em>, <em>Customise</em> and <em>Display</em>.</p>
<h4>Accounts</h4>
<p>The <em>Accounts</em> section consists of 14 social media channels that can be switched on, at which point a profile URL is required.<br />
The plugin currently serves the following channels: Behance, Bitbucket, Dribbble, Facebook, GitHub, Instagram, LinkedIn, Pinterest, Soundcloud, Tumblr, Twitter, Vimeo, YouTube and YunoJuno.</p>
<h4>Customise</h4>
<p>The <em>Customise</em> section features various options, including:</p>
<ul>
<li>Background colours are available as either branded, transparent or custom (the latter features a colour picker for selecting a specific HEX value).</li>
<li>Shapes (that is, the shape that each icon sits within) can either be square, circle or square with rounded corners.</li>
<li>Size can either be small (30 x 30 px), medium (40 x 40 px) or large (50 x 50 px).</li>
<li>Alignment can be set to either center, left or right.</li>
<li>Spacing places a certain amount of space either side of each icon and can be set to either Extra Small (5 px), Small (10 px), Medium (15 px), Large (20 px) or Extra Large (25 px).</li>
</ul>
<h4>Display</h4>
<p>In this section, the icons can be dragged and dropped into the desired order, the top one being the first.<br />
Once the changes have been saved, place the shortcode <code>[social_icons_obvs]</code> wherever you would like the icons displayed.</p>
<p><em>Note: If any changes are made in this section once the shortcode has been placed somewhere in the site, the new changes will be reflected in the previously placed shortcode.</em></p>


Social Icons Obvs

Add fully customisable SVG social icons to your website. Icon customisation includes colour, shape, size, alignment and spacing.

SVG Icons vs Social Icons Obvs