Lottie Icon

Lottie Icon is one of the most anticipated modules by Divi users. It allows you to create beautiful blurbs with animated icons. This module is nothing else like a Blurb module, but instead of Icon/Image, you can upload an animated icon in the .json file. The animated icon can be found on the official Lottie Files Website. The animation can be customized. You can tweak animation speed, enable autoplay, start/stop on hover and more!

View Demo →

Content

In the Content tab, you can upload the .json file with an animated icon, add a title, description and button. Each element can be customized in the Design section. The Lottie Icon can be downloaded from the official Lottie Files Website.

Settings

In the Lottie Icon Settings tab you can customize icon animation. There are 6 controls available. You can enable Loop, Autoplay, Start/Stop on hover, select Start Frame, define animation speed and select animation direction.

Design Settings

In Design settings you will find the Lottie tab where you can change content alignment and tweak Lottie Icon Width. In the Text tab, you can customize the title and description added to the Lottie Icon module, and in the Button tab, you can tweak the button design. There are also native Divi settings available like border, box-shadow, sizing, spacing, filters etc.