Join Now

Trace | Animate SVG Icons

Live Preview

Free for Members / $19.99

Trace | Animate SVG Icons Highlights

Add a lively focal point to any website by animating SVG icons with our Trace widget. Use existing .SVG (Scalable Vector Graphics) files, or easily convert .JPG or .PNG icons images into .SVG files using the convenient online resources listed in our Docs page.

The widget is ready to animate the moment you load an .SVG file - no advanced motion or animator skills needed! Deeper customization options are also included to control animation styles, timing, easing, start triggers, replay triggers and more.

Watch the Video


1.1 Version
All Devices
Update Log
Play Video Tutorials

Commonly Asked Questions

What is an SVG file and how do I make one?

SVG (Scalable Vector Graphics) files are commonly referred to as vectors. They work great on the web because they are small in file size and scale up and down - looking sharp on every display size, unlike standard images. You can make your own SVG icons using Adobe Illustrator or similar editor. You can also use free online tools to convert images to SVG files. See our Docs page for more info. 

What does the Miter Stroke Limit setting do?

This setting affects how paths come together at joints as stroke widths change.

Customer Reviews

Based on 22 reviews Write a review

Trusted by Web Design Business Pros

Join now to grow from our entire library of templates, widgets, and tutorials Join Now