OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 @license | 3 @license |
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
5 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 5 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
7 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 7 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
8 Code distributed by Google as part of the polymer project is also | 8 Code distributed by Google as part of the polymer project is also |
9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
10 --> | 10 --> |
(...skipping 12 matching lines...) Expand all Loading... |
23 } | 23 } |
24 | 24 |
25 .vertical-section h4:hover { | 25 .vertical-section h4:hover { |
26 border-left-color: var(--google-blue-700); | 26 border-left-color: var(--google-blue-700); |
27 } | 27 } |
28 </style> | 28 </style> |
29 </head> | 29 </head> |
30 <body> | 30 <body> |
31 <div class="vertical-section-container centered"> | 31 <div class="vertical-section-container centered"> |
32 <h4>This demo is for a single <iron-icon>. If you're looking for the | 32 <h4>This demo is for a single <iron-icon>. If you're looking for the |
33 whole set of available icons, check out the <iron-icons> demo.</h4> | 33 whole set of available icons, check out the <a href="/elements/iron-icons?
view=demo:demo/index.html"><iron-icons> demo.</a></h5> |
34 | 34 |
35 <div class="vertical-section"> | 35 <div class="vertical-section"> |
36 <!-- iron-icon using a iron-iconset as its icon source --> | 36 <!-- iron-icon using a iron-iconset as its icon source --> |
37 <iron-iconset name="example" icons="location" src="location.png" size="24"
width="24"></iron-iconset> | 37 <iron-iconset name="example" icons="location" src="location.png" size="24"
width="24"></iron-iconset> |
38 | 38 |
39 <h4><iron-icon icon="example:location"></h4> | 39 <h4><iron-icon icon="example:location"></h4> |
40 <iron-icon icon="example:location"></iron-icon> | 40 <iron-icon icon="example:location"></iron-icon> |
41 | 41 |
42 <!-- iron-icon using an image url as its icon source --> | 42 <!-- iron-icon using an image url as its icon source --> |
43 <h4><iron-icon src="location.png"></h4> | 43 <h4><iron-icon src="location.png"></h4> |
44 <iron-icon src="location.png"></iron-icon> | 44 <iron-icon src="location.png"></iron-icon> |
45 </div> | 45 </div> |
46 </div> | 46 </div> |
47 </body> | 47 </body> |
48 </html> | 48 </html> |
OLD | NEW |