updated to use iron-icon instead

Author: btopro

bower.json

@@ -7,8 +7,7 @@
     "materializecss-styles": "LRNWebComponents/materializecss-styles#^1.1.0",
     "paper-spinner": "PolymerElements/paper-spinner#^1.2.1",
     "paper-tooltip": "PolymerElements/paper-tooltip#^1.1.4",
-    "lrn-icons": "LRNWebComponents/lrn-icons#^1.1.0",
-    "lrn-icon": "LRNWebComponents/lrn-icon#^1.0.2"
+    "lrn-icons": "LRNWebComponents/lrn-icons#^1.3.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

elmsln-loading.html

@@ -17,7 +17,7 @@
       :host {
         display: block;
       }
-      lrn-icon {
+      iron-icon {
         -webkit-animation:spin 1.25s ease-out infinite;
         -moz-animation:spin 1.25s ease-out infinite;
         animation:spin 1.25s ease-out infinite;
@@ -57,9 +57,8 @@
       @-moz-keyframes spin { 100% { -moz-transform: rotate(60deg); filter:saturate(10) invert(.9);} }
       @-webkit-keyframes spin { 100% { -webkit-transform: rotate(60deg); filter:saturate(10) invert(.9);} }
       @keyframes spin { 100% { -webkit-transform: rotate(60deg); transform:rotate(60deg);} }
-
     </style>
-    <lrn-icon icon="network" class$="[[color]] [[size]]"></lrn-icon>
+    <iron-icon icon="lrn:network" class$="[[color]] [[size]]"></iron-icon>
   </template>
 
   <script>