Sha256: 0cf37d56a84e413b6020644b48695b6060ba890f6fd1b92a7267382258f68931
Contents?: true
Size: 1.83 KB
Versions: 5
Compression:
Stored size: 1.83 KB
Contents
<!doctype html> <!-- @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-icon demo</title> <script src="../../webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="../iron-icon.html"> <link rel="import" href="../../iron-iconset/iron-iconset.html"> <link href="../../paper-styles/demo-pages.html" rel="import"> <style is="custom-style"> .vertical-section h4 { border-left: 3px solid var(--paper-grey-300); padding-left: 10px; } .vertical-section h4:hover { border-left-color: var(--google-blue-700); } </style> </head> <body> <div class="vertical-section-container centered"> <h4>This demo is for a single <iron-icon>. If you're looking for the whole set of available icons, check out the <a href="/elements/iron-icons?view=demo:demo/index.html"><iron-icons> demo.</a></h5> <div class="vertical-section"> <!-- iron-icon using a iron-iconset as its icon source --> <iron-iconset name="example" icons="location" src="location.png" size="24" width="24"></iron-iconset> <h4><iron-icon icon="example:location"></h4> <iron-icon icon="example:location"></iron-icon> <!-- iron-icon using an image url as its icon source --> <h4><iron-icon src="location.png"></h4> <iron-icon src="location.png"></iron-icon> </div> </div> </body> </html>
Version data entries
5 entries across 5 versions & 1 rubygems