SVG animation of logos

On the client's website, many logos are used, so to animate them, it was necessary to convert them to vector format and use SVG CSS animation to ensure small file sizes. Also, due to the large number of logos and their small size, I try to design animations to be unobtrusive yet noticeable. This way, the website's loading speed is not significantly slowed down due to the average image file size of 20-30 kb, and the site does not look overloaded or too flickering from the animations.

In the provided example logo, the gradient animation approximately conveys the light flow of a spinning gemstone.

I create SVG animations using the web application SVGator.