All Collections
Icons and Lottie Animations
Icons and Lottie Animations
Learn how to use icons and Lottie animations in Synthesia STUDIO.
Constantina avatar
Written by Constantina
Updated over a week ago

Learn how to:

1. Select icons

First, head over to the right side toolbar and click on the image icon.

From here, you can browse the icons library or use the search bar to find a suitable icon. Once you have selected it, it will automatically be displayed on the canvas.

If you click on the three sliders in the search bar, you can narrow down your search to static or animated icons.

Copy of allow-duplicate-1

You can then change the size and colour of the icon using the format functions in the menu on the right. You can only change the colours of icons that have less than 10 of them.

Copy of allow-duplicate-2

2. Upload Lottie animations

Lottie animations are small high-quality animations that, no matter how big you scale them, do not become pixelated.

  • The maximum size for uploaded Lottie is 250MB

  • Supported format: json

To upload a Lottie animation, click on the Images icon on the right toolbar. Then click on the Upload asset button. An uploaded Lottie is automatically displayed on the canvas.

If you want to rename or delete an uploaded Lottie, click on the three dots menu on
the image.

3. Modify Lottie animations

If you click on Lottie, you can change the size, colour and opacity of the animation using the format function in the menu on the right.

To change the colours of your Lottie, click on colour circles. Here you can also enter the hex or RGB code of the desired colour.

Did this answer your question?