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.
Commonly Asked Questions
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.
This setting affects how paths come together at joints as stroke widths change.