The Loading animation is displayed on page load to provide feedback to the user while data is being retrieved.

loading intro
loading anatomy
  1. Loading Icon
  2. Label
  3. Loading Overaly

Loading Icon can be displayed in blue or gray color schemes.

loading color

The loading icon has an animated loop. 

loading animation

Loading Icon comes in three sizes — large, medium, and small.

loading sizes
loading do

DO: Place loading icon in the middle of screen on main page load.

loading don't

DON'T: Use for inline loading display.