-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
51 lines (46 loc) · 1.28 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html lang="en">
<head>
<title>green-icons demo</title>
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="greens-icons.html">
<link rel="import" href="../iron-icons/iron-icons.html">
<style>
iron-icon#nz svg path {
fill: green;
}
iron-icon#eng-wales {
color: #78a22f;
}
iron-icon#scottish {
color: #40b93c;
}
iron-icon#northern-ireland #disk{
fill: #8dc531;
}
iron-icon#northern-ireland #petals{
fill: #e0ab2c;
}
iron-icon#aus #triangle {
fill:#a0ce67;
}
iron-icon#aus #triangle-border {
fill: black;
}
iron-icon#aus #name {
fill:darkolivegreen;
}
iron-icon {
height: 32px !important;
width: 32px !important;
}
</style>
</head>
<body>
<iron-icon id="nz" icon="greens:nz-icon"></iron-icon><br>
<iron-icon id="eng-wales" icon="greens:english-wales-icon"></iron-icon><br>
<iron-icon id="scottish" icon="greens:scottish-icon"></iron-icon><br>
<iron-icon id="northern-ireland" icon="greens:northern-ireland-icon"></iron-icon><br>
<iron-icon id="aus" icon="greens:australian-icon"></iron-icon><br>
</body>
</html>