add_action( 'wp_footer', function() { if ( ! defined( 'ELEMENTOR_VERSION' ) ) { return; } ?>

Shield Animation

Shield icons are often used online to show that an area or digital space is safe. Most often, this is associated with logging in, security services and secure content.

Shield Icon GIFs

This shield loading animation  can be created in GIF or JSON format. Shown here is JSON, for the web. The major difference between GIF and JSON is where they can play. Almost every smart device, computer and screen will play a GIF format but JSON takes a specific framework and installation-process to be rendered.

JSON is the “animation language” of web and mobile applications. Compared to GIF animations these have slower loading times and a truly transparent background, whereas GIF does a poor job. 

Creation Process:
Created using Adobe Illustrator and Adobe After Effects. Uploaded to this website using the “Lottie” framework. 

Lottie Shield Format

JSON format is ideal for mobile application and development (iOS and Android). JSON format is an interesting format as it looks like “robot speak” at first glance (a bunch of binary numbers, letters and characters). This is essentially a text file that holds all the data to-be-uploaded to your website or app. When uploaded, the animation appears as a GIF animation but with a clean transparent background.

Have a Static Icon?

Let’s animate it into GIF, Lottie or video format. Learn more about animated icon services by clicking the button below.

Get In Touch

Questions and Conversations

Submit Your Project Info

Questions, comments or feedback on anything you’ve seen here. I’ll get back to you as soon as possible.