vikingplugins

SVG AutoMotion makes it effortless to apply clean, performant animations to SVG graphics as they scroll into view — perfect for adding motion to brand logos, icons, and illustrations.
Key features: 
– Gutenberg block and shortcode support 
– Fade, rotate, scale, and slide effects 
– Adjustable animation duration 
– Lightweight, pure JavaScript (no dependencies) 
– Works with any SVG in your media library
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for SVG AutoMotion.</li>
<li>Select your SVG image from the Media Library.</li>
<li>Choose which animations to apply and set the animation duration.</li>
<li>Save or preview your post to see the animation in action.</li>
</ol>
See Screenshot 1 and Screenshot 2.
<h3>Using the Shortcode</h3>
You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.
Basic example:
[svg_automotion src=”2025/10/automotionlogo.svg”]
You can combine multiple effects:
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]
Parameters: 
– <code>src</code> — relative or full URL path to your SVG file 
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect 
– <code>duration</code> — total animation time in milliseconds

SVG AutoMotion

Animate any SVG image as it comes into view. Bring your logos, icons, and illustrations to life with simple, automatic animations.

Alimuzzaman Alim

Designed By Hakan Ertan <a href="https://www.tonicons.com/" rel="follow nofollow ugc">www.tonicons.com</a>
To make Icons horizontal append class=’in_widget’ in ShortCode. 
Ex. [zm_sh_btn iconset=’long-shadows’ iconset_type=’square’ icons=’facebook,twitter,linkedin,googlepluse,pinterest,mail’ class=’in_widget’]
New feature:
<ul>
<li>Added ability to provide url in shortcode ( To use provide url parameter).</li>
<li>Disable icons on specific page. You can disable by the post edit screen or put the page ID on the setting page.</li>
<li>Exclude page/post by ID/slug</li>
<li>Social tracker: Google Social analytics integrated. Now you can track your social shares. Need to enable on settings page.</li>
<li>2 New Premium icons set added with different styles.</li>
<li>WPBakery support.</li>
<li>Short code generator</li>
<li>Option to add bottom of post.</li>
<li>PHP code generator to use in theme</li>
<li>Translation ready. (Help me to translate to your language.)</li>
<li>3 Different button set.</li>
<li>You will be able to display share button horizontally on the left or right side.</li>
<li>You can develop add-on for this plugin with your custom icons.</li>
<li>Html CSS Social share buttons widget Plugin WordPress.</li>
<li>It show lite/simple share button only with html css.</li>
<li>It’s does not using any JavaScript whats another do.</li>
<li>It’s load only extra 10-11 KB total on your site.</li>
<li>There are top share button in this plugin.</li>
<li>It’s use only one image instead of 5.(Will be back in future release)</li>
<li>So only one extra HTTP request will occur.(Will be back in future release)</li>
</ul>
Added ability to pickup first image from post for use as thumbnail. ( NEW )
Supports::
<ol>
<li>Share with Facebook.</li>
<li>Share with Twitter.</li>
<li>Share with LinkedIn.</li>
<li>Share with Google Plus.</li>
<li>Bookmark with Google Bookmark.</li>
<li>Share with Email.</li>
<li>Share with Pinterest</li>
<li>Your asked item will be added ASAP</li>
</ol>

Html Social share buttons

Are you searching for a lightweight sharing plugin? You are in right place. This plugin does not use JavaScript.

SVG AutoMotion vs Html Social share buttons