Community forum for knowledge and support

Updated 11 months ago

Change the Color of Lottie Animation Loading Icons

At a glance

The community members are discussing how to change the color of a Lottie animation loading icon. One community member suggests that you would need to load a new Lottie file or copy the Lottie JSON and edit it using the Lottie website editor. Another community member asks how to copy the JSON, and a third community member provides instructions on how to find the JSON file by putting the loader on a page, publishing it, and then inspecting the element.

Useful resources

Is there a way to change the color of the lottie animation loading icons? https://www.relume.io/ui-elements?page=3

M
J
4 comments

you would have to load a new lottie file - you may also be able to copy the lottie json and load into lottie to edit its color, either way you would need to use the lottie website editor to change the color.

How do I copy the json? πŸ™‚

you would have to put the loader down on a page and publish it, then inspect element to find the json file.
https://assets-global.website-files.com/641ab9fdf6e779f347e7e659/642558fa2fee171bdaf52286_spinner1-black.json

Add a reply
Sign up and join the conversation on Slack