add svg example

googlearchive · Apr 1, 2014 · 5772275 · 5772275
1 parent cb0fc60
commit 5772275
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/core-iconset.html b/core-iconset.html
@@ -215,7 +215,7 @@
        * @param {Number} scale (optional, defaults to 1) A scaling factor 
        * with which the icon can be magnified.
        */
-      applyAsBackground: function(element, icon, theme, scale) {
+      applyIcon: function(element, icon, theme, scale) {
          var offset = this.getOffset(icon, theme);
          scale = scale || 1;
          if (element && offset) {

diff --git a/demo.html b/demo.html
@@ -29,6 +29,10 @@
       icons="location place starta stopb bus car train walk">
   </core-iconset>
 
+  <core-iconset id="svg-icons" src="../core-action-icons/action-icons.svg" width="24" iconSize="24"
+      icons="location place starta stopb bus car train walk">
+  </core-iconset>
+
   <!-- 
     Create an element that uses an iconset to display an icon.
     By using iconset, the element can allow the set of available icons to be
@@ -96,6 +100,15 @@
   <icon-demo icon="my-icons:5"></icon-demo>
   <icon-demo icon="my-icons:6"></icon-demo>
   <icon-demo icon="my-icons:7"></icon-demo>
-
+  <br>
+  <!-- Now create a bunch of icons using our iconset -->
+  <icon-demo icon="svg-icons:location"></icon-demo>
+  <icon-demo icon="svg-icons:place"></icon-demo>
+  <icon-demo icon="svg-icons:starta"></icon-demo>
+  <icon-demo icon="svg-icons:stopb"></icon-demo>
+  <icon-demo icon="svg-icons:bus"></icon-demo>
+  <icon-demo icon="svg-icons:car"></icon-demo>
+  <icon-demo icon="svg-icons:train"></icon-demo>
+  <icon-demo icon="svg-icons:walk"></icon-demo>
 </body>
 </html>