diff --git a/scss/ionic/_animations.scss b/scss/ionic/_animations.scss
index a738ad7435..5a1366b92a 100644
--- a/scss/ionic/_animations.scss
+++ b/scss/ionic/_animations.scss
@@ -132,3 +132,16 @@ $bezier-function: cubic-bezier(.1, .7, .1, 1);
     animation: fadeIn 0.3s;
   }
 }
+
+@-moz-keyframes spin { 
+  100% { -moz-transform: rotate(360deg); } 
+}
+@-webkit-keyframes spin { 
+  100% { -webkit-transform: rotate(360deg); } 
+}
+@keyframes spin { 
+  100% { 
+    -webkit-transform: rotate(360deg); 
+    transform:rotate(360deg); 
+  } 
+}
diff --git a/scss/ionic/_icons.scss b/scss/ionic/_icons.scss
index f7e1877f21..3b9452b085 100644
--- a/scss/ionic/_icons.scss
+++ b/scss/ionic/_icons.scss
@@ -49,4 +49,42 @@
     background: $gray-lighter;
   }
 
+}
+
+.icon-loading {
+  font-family: 'ionicons';
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  -webkit-animation:spin .75s linear infinite;
+  -moz-animation:spin .75s linear infinite;
+  animation:spin .75s linear infinite;
+
+  &:before {
+    content: "\e036";
+  }
+}
+
+.icon-refreshing {
+  font-family: 'ionicons';
+  speak: none;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  -webkit-animation:spin .75s linear infinite;
+  -moz-animation:spin .75s linear infinite;
+  animation:spin .75s linear infinite;
+
+  &:before {
+    content: "\e036";
+  }
 }
\ No newline at end of file