Animated SVG icons and Lottie animations for Elementor

Description

Browse from 221 animated SVG icons and 50 Lottie aniamtions in Elementor Page Builder for your next project.

Visit our website to view icon library and features.

SVG animation features:

  • 3 types of animations
  • Customizable stroke colors
  • Scaling of icons to any size, padding adjustment
  • Custom setting of animation duration time
  • Option to upload and animate your own SVG icon
  • On hover draw interaction option
  • Entrance animation effects (36)
  • Add link to icon (column)

Lottie animation features:

  • 5 types of play settings: auto play, on hover, on click, on scroll, on mouse out
  • Custom animation timing
  • Scroll based display option
  • Adjustable animation speed
  • Alignment and margin settings
  • CSS filter settings with transition duration on hover
  • Opacity settings options – also on hover
  • Hover animation effects (27)
  • Border styling options
  • Upload your own or enter Lottie animation URL
  • One click customization

Screenshots

  • Drag & Drop. Easily place any icon anywhere on the page.
  • Customize. Change animation type, duration, stroke color, add image/gradient backgrounds, rotate...
  • Great selection. Hundreds of reponsive, vector SVG icons categorized for easy selection.

Installation

From within WordPress’ dashboard:

  1. Go to Plugins -> Add New
  2. Search for “Animated SVG”
  3. Click “Install”
  4. Click “Activate”
  5. Open Elementor > Start using widgets

Manually via FTP:

  1. Upload the folder ‘animated-svg/’ into the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the Plugins tab in WordPress
  3. Navigate to Elementor > Start using widgets

FAQ

I can’t upload my own images, what should I do?
– In rare cases hosting providers restrict the upload of SVG files. You should install an SVG support plugin like Easy SVG support https://wordpress.org/plugins/easy-svg/ to solve the issue.

Do I need Elementor Pro to use the widgets?
– No, the plugin works fine with the free version of Elementor. Minimum version required: 2.9.14

Can I use the icons without limitations?
– Yes, you may display the icons on your website. The source code of each SVG file contains the list of credits and/or the license copyright information. See license.txt for more information.

Reviews

مې 10, 2020
Websites are still too static. This plugin shows the way to go. One suggestion: why not integrate into one wigdet, with categories inside? Anyway, thanx!
Read all 2 reviews

Contributors & Developers

“Animated SVG icons and Lottie animations for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.8.0

  • NEW: Lottie widget added
  • 50 basic icons converted to Lottie animations
  • Compatibility with WordPress 5.5
  • Updated on 2020-08-24.

1.7.1

  • FIX: All icons set to transparent so when the page loads it displays the stroke color chosen immediately when starting animation instead of black.
  • Updated on 2020-07-05.

1.7.0

  • Added 8 new icons in various categories.
  • Total icon count: 808 (221 free, 587 pro).
  • Updated on 2020-06-11.

1.6.0

  • Added 13 new icons in various categories.
  • Total icon count: 667 (213 free, 454 pro).
  • Updated on 2020-04-06.

1.5.0

  • Technology icon library added with 25 new icons (4 free, 21 pro).
  • Text & numbers icon library added with 25 new number icons (5 free, 20 pro).
  • 9 new logo icons added to Symbol library (2 free, 7 pro).
  • Icon library WP admin menu added.
  • Add-Ons WP admin menu added.
  • Background Elements WP admin menu added.
  • Total icon count: 500 (200 free, 300 pro).
  • Updated on 2020-02-07.

1.4.0

  • New feature: Entrance animation effects (36)
  • New feature: Add link to icon
  • New feature: Icon inner padding adjustment
  • Call to action icon library added with 20 new icons (4 free, 16 pro).
  • 5 new icons added to Travel icon library (2 free, 3 pro).
  • Fixed: Randomly appearing letters in some SVG icons
  • Removed: Previous animation features
  • Total icon count: 438 (189 free, 249 pro).
  • Updated on 2020-01-15.

1.3.0

  • Travel icon library added with 45 new icons (5 free, 40 pro).
  • 3 new icons added to Food icon library (1 free, 2 pro).
  • 2 new icons added to Holiday & Events icon library (1 free, 1 pro).
  • 4 new icons added to Medical icon library (1 free, 3 pro).
  • 3 new icons added to Objects icon library (1 free, 2 pro).
  • 9 new icons added to Retail icon library (1 free, 8 pro).
  • 2 new icons added to Symbol icon library (2 free).
  • Total icon count: 413 (183 free, 230 pro).
  • Updated on 2019-12-31.

1.2.0

  • PRO version launched with 174 additional, exclusive icons.
  • Finance icon library added with 23 new icons (6 free, 17 pro).
  • Food icon library added with 21 new icons (4 free, 17 pro).
  • Medical icon library added with 21 new icons (4 free, 17 pro).
  • Objects icon library added with 22 new icons (6 free, 16 pro).
  • Office icon library added with 38 new icons (7 free, 31 pro).
  • Symbol icon library added with 22 new icons (22 free).
  • Weather icon library added with 22 new icons (6 free, 16 pro).
  • 11 new icons added to Holiday & Events icon library (2 free, 9 pro).
  • 15 new icons added to Music icon library (2 free, 13 pro).
  • Total icon count: 345 (171 free, 174 pro).
  • Updated on 2019-12-16.

1.1.0

  • Added 3 new icon libraries/widgets: arrow icons, music icons, smiley & emoticons.
  • Added 41 new icons, total icon count: 112.
  • Updated on 2019-11-26.

1.0.0

  • Initial release 2019-11-23.