Animated SVG – Icons for Elementor


Browsre from 110+ animated SVG icons for Elementor Page Builder for your next project.

View demo page.


  • 3 types of animations
  • Customizable stroke and background colors
  • Adjustable scaling of icons to any size
  • Custom setting of animation duration time
  • Option to upload and animate your own SVG icon
  • Variety of in and out animation effects
  • On hover interaction option
  • Ability to edit icons in any text editor


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


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 to solve the issue.

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

Can I use the icons without limitations?
– Yes, all SVG files are licensed: CC0 1.0 Universal The source code of each file contains the list of credits that you can view by opening SVG files located in the assets/svg folder in any text editor.

Contributors & Developers

“Animated SVG – Icons for Elementor” is open source software. The following people have contributed to this plugin.




  • 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.


  • Initial release 2019-11-23.