diff --git a/demo/index.html b/demo/index.html
index 51f76e3..adbc8c8 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -1,1153 +1,97 @@
 <!doctype html>
-
-<html lang="en">
-  <head>
-
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-
-    <title>mdi-iconset-svg demo</title>
-
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-
-    <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
-    <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-
-    <link rel="import" href="../../iron-icon/iron-icon.html">
-    <link rel="import" href="../mdi-iconset-svg.html">
-
-    <style is="custom-style" include="demo-pages-shared-styles"></style>
-
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>iron-icons demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../../paper-styles/demo-pages.html">
+  <link rel="import" href="../../paper-styles/color.html">
+  <link rel="import" href="../../iron-meta/iron-meta.html">
+
+  <!-- load main iconset -->
+  <link rel="import" href="../mdi-iconset-svg.html">
+
+</head>
+<body>
+  <custom-style>
     <style is="custom-style">
-      demo-snippet {
-        /* --demo-snippet-code: {
-          height: 0;
-          padding: 0;
-        }; */
+      iron-icon {
+        transition: all 0.2s;
+        -webkit-transition: all 0.2s;
+      }
+      iron-icon:hover {
+        fill: var(--google-yellow-700);
+      }
+      .set {
+        display: block;
+        text-align: center;
+        margin: auto;
+        padding: 1em 0;
+        border-bottom: 1px solid silver;
+      }
+      .set:last-of-type {
+        border-bottom: none;
+      }
+      .set:nth-of-type(4n-3) {
+        color: var(--paper-grey-700);
+      }
+      .set:nth-of-type(4n-2) {
+        color: var(--paper-pink-500);
+      }
+      .set:nth-of-type(4n-1) {
+        color: var(--google-green-500);
+      }
+      .set:nth-of-type(4n) {
+        color: var(--google-blue-500);
+      }
+      .container {
+        display: inline-block;
+        width: 10em;
+        margin: 1em 0.5em;
+        text-align: center;
+      }
+      .container > div {
+        margin-top: 0.5em;
+        color: black;
+        font-size: 10px;
       }
     </style>
-
-  </head>
-  <body>
-
-    <div class="vertical-section-container">
-      <h3>Basic mdi-iconset-svg demo</h3>
-
-      <h2>Account</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-account:account"></iron-icon>
-          <iron-icon icon="mdi-account:account-alert"></iron-icon>
-          <iron-icon icon="mdi-account:account-box"></iron-icon>
-          <iron-icon icon="mdi-account:account-box-outline"></iron-icon>
-          <iron-icon icon="mdi-account:account-check"></iron-icon>
-          <iron-icon icon="mdi-account:account-circle"></iron-icon>
-          <iron-icon icon="mdi-account:account-key"></iron-icon>
-          <iron-icon icon="mdi-account:account-location"></iron-icon>
-          <iron-icon icon="mdi-account:account-minus"></iron-icon>
-          <iron-icon icon="mdi-account:account-multiple"></iron-icon>
-          <iron-icon icon="mdi-account:account-mutiple-outline"></iron-icon>
-          <iron-icon icon="mdi-account:account-mutiple-plus"></iron-icon>
-          <iron-icon icon="mdi-account:account-network"></iron-icon>
-          <iron-icon icon="mdi-account:account-outline"></iron-icon>
-          <iron-icon icon="mdi-account:account-plus"></iron-icon>
-          <iron-icon icon="mdi-account:account-remove"></iron-icon>
-          <iron-icon icon="mdi-account:account-search"></iron-icon>
-          <iron-icon icon="mdi-account:account-star"></iron-icon>
-          <iron-icon icon="mdi-account:clipboard-account"></iron-icon>
-          <iron-icon icon="mdi-account:orbit"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Action</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-action:airplane"></iron-icon>
-          <iron-icon icon="mdi-action:airplane-off"></iron-icon>
-          <iron-icon icon="mdi-action:arrange-bring-forward"></iron-icon>
-          <iron-icon icon="mdi-action:arrange-bring-to-front"></iron-icon>
-          <iron-icon icon="mdi-action:arrange-send-backward"></iron-icon>
-          <iron-icon icon="mdi-action:arrange-send-to-back"></iron-icon>
-          <iron-icon icon="mdi-action:arrow-down"></iron-icon>
-          <iron-icon icon="mdi-action:arrow-left"></iron-icon>
-          <iron-icon icon="mdi-action:arrow-right"></iron-icon>
-          <iron-icon icon="mdi-action:arrow-up"></iron-icon>
-          <iron-icon icon="mdi-action:bookmark"></iron-icon>
-          <iron-icon icon="mdi-action:bookmark-outline"></iron-icon>
-          <iron-icon icon="mdi-action:border-all"></iron-icon>
-          <iron-icon icon="mdi-action:border-bottom"></iron-icon>
-          <iron-icon icon="mdi-action:border-color"></iron-icon>
-          <iron-icon icon="mdi-action:border-horizontal"></iron-icon>
-          <iron-icon icon="mdi-action:border-inside"></iron-icon>
-          <iron-icon icon="mdi-action:border-left"></iron-icon>
-          <iron-icon icon="mdi-action:border-none"></iron-icon>
-          <iron-icon icon="mdi-action:border-outside"></iron-icon>
-          <iron-icon icon="mdi-action:border-right"></iron-icon>
-          <iron-icon icon="mdi-action:border-top"></iron-icon>
-          <iron-icon icon="mdi-action:border-vertical"></iron-icon>
-          <iron-icon icon="mdi-action:briefcase"></iron-icon>
-          <iron-icon icon="mdi-action:camcorder"></iron-icon>
-          <iron-icon icon="mdi-action:camcorder-box"></iron-icon>
-          <iron-icon icon="mdi-action:camcorder-box-off"></iron-icon>
-          <iron-icon icon="mdi-action:camcorder-off"></iron-icon>
-          <iron-icon icon="mdi-action:check"></iron-icon>
-          <iron-icon icon="mdi-action:check-all"></iron-icon>
-          <iron-icon icon="mdi-action:closed-caption"></iron-icon>
-          <iron-icon icon="mdi-action:compass"></iron-icon>
-          <iron-icon icon="mdi-action:credit-card"></iron-icon>
-          <iron-icon icon="mdi-action:download"></iron-icon>
-          <iron-icon icon="mdi-action:exit-to-app"></iron-icon>
-          <iron-icon icon="mdi-action:eye"></iron-icon>
-          <iron-icon icon="mdi-action:eye-off"></iron-icon>
-          <iron-icon icon="mdi-action:fast-forward"></iron-icon>
-          <iron-icon icon="mdi-action:film"></iron-icon>
-          <iron-icon icon="mdi-action:filmstrip"></iron-icon>
-          <iron-icon icon="mdi-action:filter"></iron-icon>
-          <iron-icon icon="mdi-action:filter-outline"></iron-icon>
-          <iron-icon icon="mdi-action:filter-remove"></iron-icon>
-          <iron-icon icon="mdi-action:filter-remove-outline"></iron-icon>
-          <iron-icon icon="mdi-action:flip-to-back"></iron-icon>
-          <iron-icon icon="mdi-action:flip-to-front"></iron-icon>
-          <iron-icon icon="mdi-action:format-color-fill"></iron-icon>
-          <iron-icon icon="mdi-action:google"></iron-icon>
-          <iron-icon icon="mdi-action:google-plus"></iron-icon>
-          <iron-icon icon="mdi-action:heart"></iron-icon>
-          <iron-icon icon="mdi-action:heart-box"></iron-icon>
-          <iron-icon icon="mdi-action:heart-outline"></iron-icon>
-          <iron-icon icon="mdi-action:history"></iron-icon>
-          <iron-icon icon="mdi-action:home"></iron-icon>
-          <iron-icon icon="mdi-action:human"></iron-icon>
-          <iron-icon icon="mdi-action:information"></iron-icon>
-          <iron-icon icon="mdi-action:information-outline"></iron-icon>
-          <iron-icon icon="mdi-action:invert-colors"></iron-icon>
-          <iron-icon icon="mdi-action:label"></iron-icon>
-          <iron-icon icon="mdi-action:label-outline"></iron-icon>
-          <iron-icon icon="mdi-action:launch"></iron-icon>
-          <iron-icon icon="mdi-action:link"></iron-icon>
-          <iron-icon icon="mdi-action:lock"></iron-icon>
-          <iron-icon icon="mdi-action:lock-open"></iron-icon>
-          <iron-icon icon="mdi-action:lock-open-outline"></iron-icon>
-          <iron-icon icon="mdi-action:lock-outline"></iron-icon>
-          <iron-icon icon="mdi-action:magnify"></iron-icon>
-          <iron-icon icon="mdi-action:magnify-minus"></iron-icon>
-          <iron-icon icon="mdi-action:magnify-plus"></iron-icon>
-          <iron-icon icon="mdi-action:map-marker"></iron-icon>
-          <iron-icon icon="mdi-action:map-marker-off"></iron-icon>
-          <iron-icon icon="mdi-action:microphone"></iron-icon>
-          <iron-icon icon="mdi-action:microphone-off"></iron-icon>
-          <iron-icon icon="mdi-action:microphone-outline"></iron-icon>
-          <iron-icon icon="mdi-action:microphone-settings"></iron-icon>
-          <iron-icon icon="mdi-action:minus"></iron-icon>
-          <iron-icon icon="mdi-action:minus-box"></iron-icon>
-          <iron-icon icon="mdi-action:minus-circle"></iron-icon>
-          <iron-icon icon="mdi-action:minus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-action:newspaper"></iron-icon>
-          <iron-icon icon="mdi-action:pause"></iron-icon>
-          <iron-icon icon="mdi-action:pause-circle"></iron-icon>
-          <iron-icon icon="mdi-action:pause-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-action:pencil"></iron-icon>
-          <iron-icon icon="mdi-action:pin"></iron-icon>
-          <iron-icon icon="mdi-action:play"></iron-icon>
-          <iron-icon icon="mdi-action:play-circle"></iron-icon>
-          <iron-icon icon="mdi-action:play-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-action:plus"></iron-icon>
-          <iron-icon icon="mdi-action:plus-box"></iron-icon>
-          <iron-icon icon="mdi-action:plus-circle"></iron-icon>
-          <iron-icon icon="mdi-action:plus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-action:puzzle"></iron-icon>
-          <iron-icon icon="mdi-action:quality-high"></iron-icon>
-          <iron-icon icon="mdi-action:receipt"></iron-icon>
-          <iron-icon icon="mdi-action:refresh"></iron-icon>
-          <iron-icon icon="mdi-action:rewind"></iron-icon>
-          <iron-icon icon="mdi-action:settings"></iron-icon>
-          <iron-icon icon="mdi-action:settings-box"></iron-icon>
-          <iron-icon icon="mdi-action:skip-next"></iron-icon>
-          <iron-icon icon="mdi-action:skip-previous"></iron-icon>
-          <iron-icon icon="mdi-action:stop"></iron-icon>
-          <iron-icon icon="mdi-action:store"></iron-icon>
-          <iron-icon icon="mdi-action:swap-horizontal"></iron-icon>
-          <iron-icon icon="mdi-action:swap-vertical"></iron-icon>
-          <iron-icon icon="mdi-action:tab"></iron-icon>
-          <iron-icon icon="mdi-action:tab-unselected"></iron-icon>
-          <iron-icon icon="mdi-action:tag"></iron-icon>
-          <iron-icon icon="mdi-action:thumb-up"></iron-icon>
-          <iron-icon icon="mdi-action:thumb-down"></iron-icon>
-          <iron-icon icon="mdi-action:upload"></iron-icon>
-          <iron-icon icon="mdi-action:voicemail"></iron-icon>
-          <iron-icon icon="mdi-action:web"></iron-icon>
-          <iron-icon icon="mdi-action:youtube-play"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Agriculture</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-agriculture:cow"></iron-icon>
-          <iron-icon icon="mdi-agriculture:duck"></iron-icon>
-          <iron-icon icon="mdi-agriculture:pig"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Alert</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-alert:account-alert"></iron-icon>
-          <iron-icon icon="mdi-alert:alert"></iron-icon>
-          <iron-icon icon="mdi-alert:alert-box"></iron-icon>
-          <iron-icon icon="mdi-alert:alert-circle"></iron-icon>
-          <iron-icon icon="mdi-alert:battery-alert"></iron-icon>
-          <iron-icon icon="mdi-alert:clipboard-alert"></iron-icon>
-          <iron-icon icon="mdi-alert:disk-alert"></iron-icon>
-          <iron-icon icon="mdi-alert:message-alert"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Arrange</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-arrange:arrange-bring-forward"></iron-icon>
-          <iron-icon icon="mdi-arrange:arrange-bring-to-front"></iron-icon>
-          <iron-icon icon="mdi-arrange:arrange-send-backward"></iron-icon>
-          <iron-icon icon="mdi-arrange:arrange-send-to-back"></iron-icon>
-          <iron-icon icon="mdi-arrange:flip-to-back"></iron-icon>
-          <iron-icon icon="mdi-arrange:flip-to-front"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Arrow</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-arrow:arrow-down"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-down-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-down-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-down-thick"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-left"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-left-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-left-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-left-thick"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-right"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-right-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-right-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-right-thick"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-up"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-up-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-up-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-arrow:arrow-up-thick"></iron-icon>
-          <iron-icon icon="mdi-arrow:clipboard-arrow-down"></iron-icon>
-          <iron-icon icon="mdi-arrow:clipboard-arrow-left"></iron-icon>
-          <iron-icon icon="mdi-arrow:swap-horizontal"></iron-icon>
-          <iron-icon icon="mdi-arrow:swap-vertical"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Audio</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-audio:fast-forward"></iron-icon>
-          <iron-icon icon="mdi-audio:pause"></iron-icon>
-          <iron-icon icon="mdi-audio:pause-circle"></iron-icon>
-          <iron-icon icon="mdi-audio:pause-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-audio:play"></iron-icon>
-          <iron-icon icon="mdi-audio:play-circle"></iron-icon>
-          <iron-icon icon="mdi-audio:play-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-audio:quality-high"></iron-icon>
-          <iron-icon icon="mdi-audio:rewind"></iron-icon>
-          <iron-icon icon="mdi-audio:skip-next"></iron-icon>
-          <iron-icon icon="mdi-audio:skip-previous"></iron-icon>
-          <iron-icon icon="mdi-audio:stop"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Auth</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-auth:login"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>AV</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-av:camera"></iron-icon>
-          <iron-icon icon="mdi-av:camera-party-mode"></iron-icon>
-          <iron-icon icon="mdi-av:crosshairs"></iron-icon>
-          <iron-icon icon="mdi-av:crosshairs-gps"></iron-icon>
-          <iron-icon icon="mdi-av:file-music"></iron-icon>
-          <iron-icon icon="mdi-av:flash"></iron-icon>
-          <iron-icon icon="mdi-av:flash-auto"></iron-icon>
-          <iron-icon icon="mdi-av:flash-off"></iron-icon>
-          <iron-icon icon="mdi-av:library-music"></iron-icon>
-          <iron-icon icon="mdi-av:music-box"></iron-icon>
-          <iron-icon icon="mdi-av:music-box-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Battery</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-battery:battery"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-20"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-30"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-40"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-60"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-80"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-90"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-alert"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-100"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-20"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-30"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-40"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-60"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-80"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-charging-90"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-minus"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-negative"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-outline"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-plus"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-positive"></iron-icon>
-          <iron-icon icon="mdi-battery:battery-unknown"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Bell</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-bell:bell"></iron-icon>
-          <iron-icon icon="mdi-bell:bell-off"></iron-icon>
-          <iron-icon icon="mdi-bell:bell-outline"></iron-icon>
-          <iron-icon icon="mdi-bell:bell-ring"></iron-icon>
-          <iron-icon icon="mdi-bell:bell-sleep"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Border</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-border:border-all"></iron-icon>
-          <iron-icon icon="mdi-border:border-bottom"></iron-icon>
-          <iron-icon icon="mdi-border:border-color"></iron-icon>
-          <iron-icon icon="mdi-border:border-horizontal"></iron-icon>
-          <iron-icon icon="mdi-border:border-inside"></iron-icon>
-          <iron-icon icon="mdi-border:border-left"></iron-icon>
-          <iron-icon icon="mdi-border:border-none"></iron-icon>
-          <iron-icon icon="mdi-border:border-outside"></iron-icon>
-          <iron-icon icon="mdi-border:border-right"></iron-icon>
-          <iron-icon icon="mdi-border:border-top"></iron-icon>
-          <iron-icon icon="mdi-border:border-vertical"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Box</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-box:blogger"></iron-icon>
-          <iron-icon icon="mdi-box:camcorder-box"></iron-icon>
-          <iron-icon icon="mdi-box:camcorder-box-off"></iron-icon>
-          <iron-icon icon="mdi-box:contrast-box"></iron-icon>
-          <iron-icon icon="mdi-box:drawing-box"></iron-icon>
-          <iron-icon icon="mdi-box:facebook-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-document-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-excel-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-pdf-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-powerpoint-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-presentation-box"></iron-icon>
-          <iron-icon icon="mdi-box:file-word-box"></iron-icon>
-          <iron-icon icon="mdi-box:github-box"></iron-icon>
-          <iron-icon icon="mdi-box:google-plus-box"></iron-icon>
-          <iron-icon icon="mdi-box:heart-box"></iron-icon>
-          <iron-icon icon="mdi-box:image"></iron-icon>
-          <iron-icon icon="mdi-box:instagram"></iron-icon>
-          <iron-icon icon="mdi-box:linkedin"></iron-icon>
-          <iron-icon icon="mdi-box:minus-box"></iron-icon>
-          <iron-icon icon="mdi-box:music-box"></iron-icon>
-          <iron-icon icon="mdi-box:music-box-outline"></iron-icon>
-          <iron-icon icon="mdi-box:pine-tree-box"></iron-icon>
-          <iron-icon icon="mdi-box:pinterest"></iron-icon>
-          <iron-icon icon="mdi-box:plus-box"></iron-icon>
-          <iron-icon icon="mdi-box:poll-box"></iron-icon>
-          <iron-icon icon="mdi-box:settings-box"></iron-icon>
-          <iron-icon icon="mdi-box:tumblr"></iron-icon>
-          <iron-icon icon="mdi-box:twitter"></iron-icon>
-          <iron-icon icon="mdi-box:zip-box"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Camera</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-camera:camera-timer"></iron-icon>
-          <iron-icon icon="mdi-camera:cloud"></iron-icon>
-          <iron-icon icon="mdi-camera:contrast-box"></iron-icon>
-          <iron-icon icon="mdi-camera:contrast-circle"></iron-icon>
-          <iron-icon icon="mdi-camera:flash"></iron-icon>
-          <iron-icon icon="mdi-camera:flash-auto"></iron-icon>
-          <iron-icon icon="mdi-camera:flash-off"></iron-icon>
-          <iron-icon icon="mdi-camera:tag-faces"></iron-icon>
-          <iron-icon icon="mdi-camera:timelapse"></iron-icon>
-          <iron-icon icon="mdi-camera:white-balance-auto"></iron-icon>
-          <iron-icon icon="mdi-camera:white-balance-incandescent"></iron-icon>
-          <iron-icon icon="mdi-camera:white-balance-iridescent"></iron-icon>
-          <iron-icon icon="mdi-camera:white-balance-sunny"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Cart</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-cart:basket"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Circle</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-circle:account-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:alert-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-down-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-down-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-left-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-left-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-right-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-right-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-up-bold-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:arrow-up-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:close-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:close-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:contrast-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:firefox"></iron-icon>
-          <iron-icon icon="mdi-circle:github-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:help-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:information"></iron-icon>
-          <iron-icon icon="mdi-circle:information-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:minus-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:minus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:pause-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:pause-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:play-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:play-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:plus-circle"></iron-icon>
-          <iron-icon icon="mdi-circle:plus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-circle:web"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Clothing</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-clothing:tie"></iron-icon>
-          <iron-icon icon="mdi-clothing:tshirt-crew"></iron-icon>
-          <iron-icon icon="mdi-clothing:tshirt-v"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Cloud</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-cloud:cloud"></iron-icon>
-          <iron-icon icon="mdi-cloud:cloud-check"></iron-icon>
-          <iron-icon icon="mdi-cloud:cloud-download"></iron-icon>
-          <iron-icon icon="mdi-cloud:cloud-off-outline"></iron-icon>
-          <iron-icon icon="mdi-cloud:cloud-outline"></iron-icon>
-          <iron-icon icon="mdi-cloud:cloud-upload"></iron-icon>
-          <iron-icon icon="mdi-cloud:file-cloud"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Color</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-color:border-color"></iron-icon>
-          <iron-icon icon="mdi-color:color-helper"></iron-icon>
-          <iron-icon icon="mdi-color:contrast-box"></iron-icon>
-          <iron-icon icon="mdi-color:contrast-circle"></iron-icon>
-          <iron-icon icon="mdi-color:format-color-fill"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Comment</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-comment:comment"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-account"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-alert"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-alert-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-check"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-check-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-plus-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-processing"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-processing-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-remove-outline"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-text"></iron-icon>
-          <iron-icon icon="mdi-comment:comment-text-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Currency</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-currency:currency-btc"></iron-icon>
-          <iron-icon icon="mdi-currency:currency-eur"></iron-icon>
-          <iron-icon icon="mdi-currency:currency-gbp"></iron-icon>
-          <iron-icon icon="mdi-currency:currency-usd"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Debug</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-debug:debug-step-into"></iron-icon>
-          <iron-icon icon="mdi-debug:debug-step-out"></iron-icon>
-          <iron-icon icon="mdi-debug:debug-step-over"></iron-icon>
-          <iron-icon icon="mdi-debug:pause-octagon"></iron-icon>
-          <iron-icon icon="mdi-debug:pause-octagon-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Drawing</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-drawing:pencil"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Edit</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-edit:tooltip-edit"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Error</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-error:alert"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>File</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-file:file"></iron-icon>
-          <iron-icon icon="mdi-file:file-cloud"></iron-icon>
-          <iron-icon icon="mdi-file:file-delimited"></iron-icon>
-          <iron-icon icon="mdi-file:file-document"></iron-icon>
-          <iron-icon icon="mdi-file:file-excel"></iron-icon>
-          <iron-icon icon="mdi-file:file-image"></iron-icon>
-          <iron-icon icon="mdi-file:file-pdf"></iron-icon>
-          <iron-icon icon="mdi-file:file-powerpoint"></iron-icon>
-          <iron-icon icon="mdi-file:file-word"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Filter</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-filter:filter"></iron-icon>
-          <iron-icon icon="mdi-filter:filter-remove"></iron-icon>
-          <iron-icon icon="mdi-filter:filter-remove-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Folder</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-folder:folder"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-account"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-google-drive"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-image"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-move"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-multiple-image"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-outline"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-plus"></iron-icon>
-          <iron-icon icon="mdi-folder:folder-remove"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Form</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-form:check"></iron-icon>
-          <iron-icon icon="mdi-form:check-all"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-blank"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-blank-circle"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-blank-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-blank-outline"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-marked"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-marked-circle"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-marked-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-form:checkbox-marked-outline"></iron-icon>
-          <iron-icon icon="mdi-form:radiobox-blank"></iron-icon>
-          <iron-icon icon="mdi-form:radiobox-marked"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Format</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-format:color-helper"></iron-icon>
-          <iron-icon icon="mdi-format:format-align-center"></iron-icon>
-          <iron-icon icon="mdi-format:format-align-justify"></iron-icon>
-          <iron-icon icon="mdi-format:format-align-left"></iron-icon>
-          <iron-icon icon="mdi-format:format-align-right"></iron-icon>
-          <iron-icon icon="mdi-format:format-bold"></iron-icon>
-          <iron-icon icon="mdi-format:format-color-fill"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-1"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-2"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-3"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-4"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-5"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-6"></iron-icon>
-          <iron-icon icon="mdi-format:format-header-pound"></iron-icon>
-          <iron-icon icon="mdi-format:format-line-spacing"></iron-icon>
-          <iron-icon icon="mdi-format:format-list-numbers"></iron-icon>
-          <iron-icon icon="mdi-format:format-paint"></iron-icon>
-          <iron-icon icon="mdi-format:format-paragraph"></iron-icon>
-          <iron-icon icon="mdi-format:format-striketrough"></iron-icon>
-          <iron-icon icon="mdi-format:format-subscript"></iron-icon>
-          <iron-icon icon="mdi-format:format-superscript"></iron-icon>
-          <iron-icon icon="mdi-format:format-underline"></iron-icon>
-          <iron-icon icon="mdi-format:format-wrap-inline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Hardware</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-hardware:cellphone"></iron-icon>
-          <iron-icon icon="mdi-hardware:cellphone-dock"></iron-icon>
-          <iron-icon icon="mdi-hardware:harddisk"></iron-icon>
-          <iron-icon icon="mdi-hardware:headphones"></iron-icon>
-          <iron-icon icon="mdi-hardware:headphones-box"></iron-icon>
-          <iron-icon icon="mdi-hardware:headset"></iron-icon>
-          <iron-icon icon="mdi-hardware:keyboard"></iron-icon>
-          <iron-icon icon="mdi-hardware:keyboard-close"></iron-icon>
-          <iron-icon icon="mdi-hardware:laptop"></iron-icon>
-          <iron-icon icon="mdi-hardware:laptop-chromebook"></iron-icon>
-          <iron-icon icon="mdi-hardware:laptop-mac"></iron-icon>
-          <iron-icon icon="mdi-hardware:mouse"></iron-icon>
-          <iron-icon icon="mdi-hardware:nest-protect"></iron-icon>
-          <iron-icon icon="mdi-hardware:nest-thermostat"></iron-icon>
-          <iron-icon icon="mdi-hardware:printer"></iron-icon>
-          <iron-icon icon="mdi-hardware:sd"></iron-icon>
-          <iron-icon icon="mdi-hardware:server"></iron-icon>
-          <iron-icon icon="mdi-hardware:server-network"></iron-icon>
-          <iron-icon icon="mdi-hardware:server-network-off"></iron-icon>
-          <iron-icon icon="mdi-hardware:server-off"></iron-icon>
-          <iron-icon icon="mdi-hardware:sim-alert"></iron-icon>
-          <iron-icon icon="mdi-hardware:speaker"></iron-icon>
-          <iron-icon icon="mdi-hardware:speaker-off"></iron-icon>
-          <iron-icon icon="mdi-hardware:tablet"></iron-icon>
-          <iron-icon icon="mdi-hardware:watch"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Helper</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-helper:color-helper"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Holiday</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-holiday:candycane"></iron-icon>
-          <iron-icon icon="mdi-holiday:gift"></iron-icon>
-          <iron-icon icon="mdi-holiday:ornament"></iron-icon>
-          <iron-icon icon="mdi-holiday:ornament-variant"></iron-icon>
-          <iron-icon icon="mdi-holiday:pine-tree"></iron-icon>
-          <iron-icon icon="mdi-holiday:pine-tree-box"></iron-icon>
-          <iron-icon icon="mdi-holiday:snowman"></iron-icon>
-          <iron-icon icon="mdi-holiday:stocking"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Image</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-image:image"></iron-icon>
-          <iron-icon icon="mdi-image:message-image"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-1-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-2-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-3-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-4-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-5-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-6-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-7-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-8-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-9-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:numeric-9-plus-box-multiple-outline"></iron-icon>
-          <iron-icon icon="mdi-image:tooltip-image"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Local</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-local:car-wash"></iron-icon>
-          <iron-icon icon="mdi-local:city"></iron-icon>
-          <iron-icon icon="mdi-local:crosshair"></iron-icon>
-          <iron-icon icon="mdi-local:crosshair-gps"></iron-icon>
-          <iron-icon icon="mdi-local:gas-station"></iron-icon>
-          <iron-icon icon="mdi-local:home"></iron-icon>
-          <iron-icon icon="mdi-local:hospital"></iron-icon>
-          <iron-icon icon="mdi-local:hotel"></iron-icon>
-          <iron-icon icon="mdi-local:map"></iron-icon>
-          <iron-icon icon="mdi-local:martini"></iron-icon>
-          <iron-icon icon="mdi-local:pharmacy"></iron-icon>
-          <iron-icon icon="mdi-local:store"></iron-icon>
-          <iron-icon icon="mdi-local:store-24-hour"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Lock</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-lock:lock"></iron-icon>
-          <iron-icon icon="mdi-lock:lock-open"></iron-icon>
-          <iron-icon icon="mdi-lock:lock-open-outline"></iron-icon>
-          <iron-icon icon="mdi-lock:lock-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Logo</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-logo:amazon"></iron-icon>
-          <iron-icon icon="mdi-logo:amazon-clouddrive"></iron-icon>
-          <iron-icon icon="mdi-logo:android"></iron-icon>
-          <iron-icon icon="mdi-logo:basecamp"></iron-icon>
-          <iron-icon icon="mdi-logo:behance"></iron-icon>
-          <iron-icon icon="mdi-logo:blogger"></iron-icon>
-          <iron-icon icon="mdi-logo:box"></iron-icon>
-          <iron-icon icon="mdi-logo:deviantart"></iron-icon>
-          <iron-icon icon="mdi-logo:disqus"></iron-icon>
-          <iron-icon icon="mdi-logo:dribble"></iron-icon>
-          <iron-icon icon="mdi-logo:etsy"></iron-icon>
-          <iron-icon icon="mdi-logo:evernote"></iron-icon>
-          <iron-icon icon="mdi-logo:facebook"></iron-icon>
-          <iron-icon icon="mdi-logo:facebook-box"></iron-icon>
-          <iron-icon icon="mdi-logo:firefox"></iron-icon>
-          <iron-icon icon="mdi-logo:github"></iron-icon>
-          <iron-icon icon="mdi-logo:github-box"></iron-icon>
-          <iron-icon icon="mdi-logo:gmail"></iron-icon>
-          <iron-icon icon="mdi-logo:google"></iron-icon>
-          <iron-icon icon="mdi-logo:google-plus"></iron-icon>
-          <iron-icon icon="mdi-logo:google-plus-box"></iron-icon>
-          <iron-icon icon="mdi-logo:google-wallet"></iron-icon>
-          <iron-icon icon="mdi-logo:hangouts"></iron-icon>
-          <iron-icon icon="mdi-logo:houzz"></iron-icon>
-          <iron-icon icon="mdi-logo:instagram"></iron-icon>
-          <iron-icon icon="mdi-logo:instapaper"></iron-icon>
-          <iron-icon icon="mdi-logo:jira"></iron-icon>
-          <iron-icon icon="mdi-logo:jsfiddle"></iron-icon>
-          <iron-icon icon="mdi-logo:linkedin"></iron-icon>
-          <iron-icon icon="mdi-logo:lumx"></iron-icon>
-          <iron-icon icon="mdi-logo:nfc"></iron-icon>
-          <iron-icon icon="mdi-logo:onedrive"></iron-icon>
-          <iron-icon icon="mdi-logo:pinterest"></iron-icon>
-          <iron-icon icon="mdi-logo:pocket"></iron-icon>
-          <iron-icon icon="mdi-logo:polymer"></iron-icon>
-          <iron-icon icon="mdi-logo:readability"></iron-icon>
-          <iron-icon icon="mdi-logo:reddit"></iron-icon>
-          <iron-icon icon="mdi-logo:rss"></iron-icon>
-          <iron-icon icon="mdi-logo:trello"></iron-icon>
-          <iron-icon icon="mdi-logo:tumblr"></iron-icon>
-          <iron-icon icon="mdi-logo:twitch"></iron-icon>
-          <iron-icon icon="mdi-logo:twitter"></iron-icon>
-          <iron-icon icon="mdi-logo:whatsapp"></iron-icon>
-          <iron-icon icon="mdi-logo:windows"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Map</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-map:crosshair"></iron-icon>
-          <iron-icon icon="mdi-map:crosshair-gps"></iron-icon>
-          <iron-icon icon="mdi-map:map"></iron-icon>
-          <iron-icon icon="mdi-map:map-marker"></iron-icon>
-          <iron-icon icon="mdi-map:map-marker-circle"></iron-icon>
-          <iron-icon icon="mdi-map:map-marker-off"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Markdown</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-markdown:format-header-1"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-2"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-3"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-4"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-5"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-6"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-header-pound"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-paragraph"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-subscript"></iron-icon>
-          <iron-icon icon="mdi-markdown:format-superscript"></iron-icon>
-          <iron-icon icon="mdi-markdown:markdown"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Medical</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-medical:ambulance"></iron-icon>
-          <iron-icon icon="mdi-medical:flask"></iron-icon>
-          <iron-icon icon="mdi-medical:flash-empty"></iron-icon>
-          <iron-icon icon="mdi-medical:flash-empty-outline"></iron-icon>
-          <iron-icon icon="mdi-medical:flash-outline"></iron-icon>
-          <iron-icon icon="mdi-medical:hospital"></iron-icon>
-          <iron-icon icon="mdi-medical:hospital-building"></iron-icon>
-          <iron-icon icon="mdi-medical:hospital-marker"></iron-icon>
-          <iron-icon icon="mdi-medical:needle"></iron-icon>
-          <iron-icon icon="mdi-medical:pharmacy"></iron-icon>
-          <iron-icon icon="mdi-medical:pill"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Microphone</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-microphone:microphone"></iron-icon>
-          <iron-icon icon="mdi-microphone:microphone-off"></iron-icon>
-          <iron-icon icon="mdi-microphone:microphone-outline"></iron-icon>
-          <iron-icon icon="mdi-microphone:microphone-settings"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Minus</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-minus:minus"></iron-icon>
-          <iron-icon icon="mdi-minus:minus-box"></iron-icon>
-          <iron-icon icon="mdi-minus:minus-circle"></iron-icon>
-          <iron-icon icon="mdi-minus:minus-circle-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Movie</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-movie:film"></iron-icon>
-          <iron-icon icon="mdi-movie:filmstrip"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Octagon</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-octagon:pause-octagon"></iron-icon>
-          <iron-icon icon="mdi-octagon:pause-octagon-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Off</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-off:airplane-off"></iron-icon>
-          <iron-icon icon="mdi-off:bell-off"></iron-icon>
-          <iron-icon icon="mdi-off:camcorder-box-off"></iron-icon>
-          <iron-icon icon="mdi-off:camcorder-off"></iron-icon>
-          <iron-icon icon="mdi-off:cloud-off-outline"></iron-icon>
-          <iron-icon icon="mdi-off:eye-off"></iron-icon>
-          <iron-icon icon="mdi-off:map-marker-off"></iron-icon>
-          <iron-icon icon="mdi-off:microphone-off"></iron-icon>
-          <iron-icon icon="mdi-off:server-network-off"></iron-icon>
-          <iron-icon icon="mdi-off:server-off"></iron-icon>
-          <iron-icon icon="mdi-off:speaker-off"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Operating System</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-os:android"></iron-icon>
-          <iron-icon icon="mdi-os:linux"></iron-icon>
-          <iron-icon icon="mdi-os:ubuntu"></iron-icon>
-          <iron-icon icon="mdi-os:windows"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Outline</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-outline:arrow-down-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:arrow-left-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:arrow-right-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:arrow-up-bold-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:bookmark-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:cart-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:checkbox-blank-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:checkbox-blank-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:checkbox-marked-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:checkbox-marked-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:close-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:cloud-off-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:cloud-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:filter-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:filter-remove-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:folder-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:heart-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:information-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:label-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:lock-open-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:lock-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:microphone-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:minus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:music-box-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:pause-octagon-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:plus-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-outline:tooltip-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Phone</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-phone:phone"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-bluetooth"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-forward"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-hangup"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-in-talk"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-locked"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-missed"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-paused"></iron-icon>
-          <iron-icon icon="mdi-phone:phone-settings"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Pin</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-pin:map-marker"></iron-icon>
-          <iron-icon icon="mdi-pin:map-marker-off"></iron-icon>
-          <iron-icon icon="mdi-pin:pin"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Plus</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-plus:plus"></iron-icon>
-          <iron-icon icon="mdi-plus:plus-box"></iron-icon>
-          <iron-icon icon="mdi-plus:plus-circle"></iron-icon>
-          <iron-icon icon="mdi-plus:plus-circle-outline"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Settings</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-settings:bluetooth-settings"></iron-icon>
-          <iron-icon icon="mdi-settings:cellphone-settings"></iron-icon>
-          <iron-icon icon="mdi-settings:microphone-settings"></iron-icon>
-          <iron-icon icon="mdi-settings:phone-settings"></iron-icon>
-          <iron-icon icon="mdi-settings:power-settings"></iron-icon>
-          <iron-icon icon="mdi-settings:settings"></iron-icon>
-          <iron-icon icon="mdi-settings:settings-box"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Shape</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-shape:vector-square"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Social</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-social:blogger"></iron-icon>
-          <iron-icon icon="mdi-social:disqus"></iron-icon>
-          <iron-icon icon="mdi-social:dribble"></iron-icon>
-          <iron-icon icon="mdi-social:facebook"></iron-icon>
-          <iron-icon icon="mdi-social:facebook-box"></iron-icon>
-          <iron-icon icon="mdi-social:github-box"></iron-icon>
-          <iron-icon icon="mdi-social:github-circle"></iron-icon>
-          <iron-icon icon="mdi-social:google-plus"></iron-icon>
-          <iron-icon icon="mdi-social:google-plus-box"></iron-icon>
-          <iron-icon icon="mdi-social:instagram"></iron-icon>
-          <iron-icon icon="mdi-social:instapaper"></iron-icon>
-          <iron-icon icon="mdi-social:linkedin"></iron-icon>
-          <iron-icon icon="mdi-social:pinterest"></iron-icon>
-          <iron-icon icon="mdi-social:pocket"></iron-icon>
-          <iron-icon icon="mdi-social:readability"></iron-icon>
-          <iron-icon icon="mdi-social:rss-box"></iron-icon>
-          <iron-icon icon="mdi-social:tumblr"></iron-icon>
-          <iron-icon icon="mdi-social:twitch"></iron-icon>
-          <iron-icon icon="mdi-social:twitter"></iron-icon>
-          <iron-icon icon="mdi-social:twitter-box"></iron-icon>
-          <iron-icon icon="mdi-social:whatsapp"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Square</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-square:houzz-box"></iron-icon>
-          <iron-icon icon="mdi-square:rss-box"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Store</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-store:receipt"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Text</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-text:clipboard-text"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Time</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-time:camera-timer"></iron-icon>
-          <iron-icon icon="mdi-time:clock"></iron-icon>
-          <iron-icon icon="mdi-time:timelapse"></iron-icon>
-          <iron-icon icon="mdi-time:timer-sand"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Tooltip</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-tooltip:tooltip"></iron-icon>
-          <iron-icon icon="mdi-tooltip:tooltip-edit"></iron-icon>
-          <iron-icon icon="mdi-tooltip:tooltip-image"></iron-icon>
-          <iron-icon icon="mdi-tooltip:tooltip-outline"></iron-icon>
-          <iron-icon icon="mdi-tooltip:tooltip-text"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Transform</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-transform:rotate-left-variant"></iron-icon>
-          <iron-icon icon="mdi-transform:rotate-right-variant"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Transpotation</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-transportation:bike"></iron-icon>
-          <iron-icon icon="mdi-transportation:bus"></iron-icon>
-          <iron-icon icon="mdi-transportation:car"></iron-icon>
-          <iron-icon icon="mdi-transportation:ferry"></iron-icon>
-          <iron-icon icon="mdi-transportation:motorbike"></iron-icon>
-          <iron-icon icon="mdi-transportation:subway-variant"></iron-icon>
-          <iron-icon icon="mdi-transportation:taxi"></iron-icon>
-          <iron-icon icon="mdi-transportation:train"></iron-icon>
-          <iron-icon icon="mdi-transportation:tram"></iron-icon>
-          <iron-icon icon="mdi-transportation:truck"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>User</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-user:account"></iron-icon>
-          <iron-icon icon="mdi-user:account-box"></iron-icon>
-          <iron-icon icon="mdi-user:account-circle"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Vector</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-vector:vector-square"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Video</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-video:camcorder"></iron-icon>
-          <iron-icon icon="mdi-video:camcorder-box"></iron-icon>
-          <iron-icon icon="mdi-video:closed-caption"></iron-icon>
-          <iron-icon icon="mdi-video:fast-forward"></iron-icon>
-          <iron-icon icon="mdi-video:pause"></iron-icon>
-          <iron-icon icon="mdi-video:pause-circle"></iron-icon>
-          <iron-icon icon="mdi-video:pause-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-video:play"></iron-icon>
-          <iron-icon icon="mdi-video:play-circle"></iron-icon>
-          <iron-icon icon="mdi-video:play-circle-outline"></iron-icon>
-          <iron-icon icon="mdi-video:quality-high"></iron-icon>
-          <iron-icon icon="mdi-video:rewind"></iron-icon>
-          <iron-icon icon="mdi-video:skip-next"></iron-icon>
-          <iron-icon icon="mdi-video:skip-previous"></iron-icon>
-          <iron-icon icon="mdi-video:stop"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>View</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-view:view-agenda"></iron-icon>
-          <iron-icon icon="mdi-view:view-array"></iron-icon>
-          <iron-icon icon="mdi-view:view-carousel"></iron-icon>
-          <iron-icon icon="mdi-view:view-column"></iron-icon>
-          <iron-icon icon="mdi-view:view-dashboard"></iron-icon>
-          <iron-icon icon="mdi-view:view-day"></iron-icon>
-          <iron-icon icon="mdi-view:view-headline"></iron-icon>
-          <iron-icon icon="mdi-view:view-list"></iron-icon>
-          <iron-icon icon="mdi-view:view-module"></iron-icon>
-          <iron-icon icon="mdi-view:view-quilt"></iron-icon>
-          <iron-icon icon="mdi-view:view-stream"></iron-icon>
-          <iron-icon icon="mdi-view:view-week"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Vote</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-vote:heart"></iron-icon>
-          <iron-icon icon="mdi-vote:heart-outline"></iron-icon>
-          <iron-icon icon="mdi-vote:star"></iron-icon>
-          <iron-icon icon="mdi-vote:star-half"></iron-icon>
-          <iron-icon icon="mdi-vote:star-outline"></iron-icon>
-          <iron-icon icon="mdi-vote:thumb-down"></iron-icon>
-          <iron-icon icon="mdi-vote:thumb-up"></iron-icon>
-        </template>
-      </demo-snippet>
-
-      <h2>Weather</h2>
-      <demo-snippet>
-        <template>
-          <iron-icon icon="mdi-weather:cloud"></iron-icon>
-          <iron-icon icon="mdi-weather:temperature-celcius"></iron-icon>
-          <iron-icon icon="mdi-weather:temperature-fahrenheit"></iron-icon>
-          <iron-icon icon="mdi-weather:temperature-kelvin"></iron-icon>
-          <iron-icon icon="mdi-weather:thermometer"></iron-icon>
-          <iron-icon icon="mdi-weather:thermometer-lines"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-cloudy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-hail"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-lightning"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-lightning-rainy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-night"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-partlycloudy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-pouring"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-rainy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-snowy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-sunny"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-sunset"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-sunset-down"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-sunset-up"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-windy"></iron-icon>
-          <iron-icon icon="mdi-weather:weather-windy-variant"></iron-icon>
-        </template>
-      </demo-snippet>
-
-    </div>
-
-  </body>
-</html>
+  </custom-style>
+
+  <dom-bind>
+    <template is="dom-bind" id="scope">
+      <dom-repeat>
+        <template is="dom-repeat" id="iconsetRepeat">
+          <h2>{{item.name}}</h2>
+          <div class="set">
+            <template is="dom-repeat" items="{{getIconNames(item)}}">
+              <span class="container">
+                <iron-icon icon="{{item}}"></iron-icon>
+                <div>{{item}}</div>
+              </span>
+            </template>
+          </div>
+        </template>
+      </dom-repeat>
+    </template>
+  </dom-bind>
+
+  <script>
+    window.addEventListener('WebComponentsReady', function() {
+      scope.getIconNames = function(iconset) {
+        return iconset.getIconNames();
+      };
+      scope.parentNode.getIconNames = scope.getIconNames;
+      iconsetRepeat.items = new Polymer.IronMeta({type: 'iconset'}).list;
+    });
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/mdi-iconset-svg.html b/mdi-iconset-svg.html
index 5b96fdb..8524a4f 100644
--- a/mdi-iconset-svg.html
+++ b/mdi-iconset-svg.html
@@ -1,3 +1,18 @@
+<!--
+Material design: [Icons](https://material.io/guidelines/style/icons.html)
+
+`mdi-iconset-svg` is a iconset for the Material Design Icons collection
+
+Example:
+
+    <link rel="import" href="mdi-logo-iconset-svg.html">
+
+    <iron-icon icon="mdi-logo:polymer"></iron-icon>
+
+@pseudoElement mdi-iconset-svg
+@demo demo/index.html 
+-->
+
 <link rel="import" href="mdi-account-iconset-svg.html">
 <link rel="import" href="mdi-action-iconset-svg.html">
 <link rel="import" href="mdi-agriculture-iconset-svg.html">
