-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
202 lines (185 loc) · 14.4 KB
/
index.php
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="author" content="opoloo GbR" />
<meta name="description" content="Androidicons is a professional, handcrafted icon set with 250 icons in 14 different colors and 5 sizes, including an icon font and all sources." />
<meta name="keywords" content="android,icon,icons,icondesign,free,download,icon set,iconset, ics, jellybean, Honeycomb, mayence, new york, sources, royalty free" />
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Android Icons | Developer Icons 2 + Icon Font | Open Source</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/stylesheets/application.css" type="text/css" />
<link rel="stylesheet" href="assets/stylesheets/media-queries.css" type="text/css" />
<!-- Javascripts -->
<script type="text/javascript" src="assets/javascripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="assets/javascripts/application.js"></script>
</head>
<body>
<div class="res"></div>
<!-- Iconfont Glyphs -->
<div class="preview-box">
<div class="preview-panel">
<button class="btn-preview">← Back</button>
<!-- <button class="btn-download">Download the Iconset</button> -->
</div>
<div class="glyphs">
<h1>How to use the icon font</h1>
<div class="grid">
<div class="col-3">
<div class="image">
<img src="assets/images/aifont_step1.png" alt="Step 1" />
</div>
<h2>STEP 1</h2>
<p>Copy the font files (.ttf, .eot, .svg, and .woff) and the CSS file into your project folder.</p>
</div>
<div class="col-3">
<div class="image">
<img src="assets/images/aifont_step2.png" alt="Step 2" />
</div>
<h2>STEP 2</h2>
<p>Add the font CSS file (androidicons.css) to your HTML document or import it to your existing CSS file.</p>
</div>
<div class="col-3">
<div class="image">
<img src="assets/images/aifont_step3.png" alt="Step 3" />
</div>
<h2>STEP 3</h2>
<p>Use CSS classes, Unicodes or HTML-Entities to display the icons. Style them with CSS (font-size, color, etc.).</p>
</div>
</div>
<h1>All glyphs & codes</h1>
<?php require_once('glyphs.php'); ?>
</div>
</div>
<div class="wrapper">
<div class="content transparent header">
<div class="icons">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="400"
height="400"
viewBox="0 0 400 400"
id="svg8965">
<g
transform="translate(0,-652.36218)"
id="layer1">
<path
d="m 199.99985,758.09877 c 9.49277,-56.95026 161.35919,-70.05771 161.35919,62.82605 0,123.39244 -151.86642,148.25202 -161.35919,176.72658 -9.49191,-28.47456 -161.358892,-53.33414 -161.358892,-176.72658 0,-132.88376 151.866982,-119.77631 161.358892,-62.82605 z"
id="heart" />
</g>
</svg>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="400"
height="400"
viewBox="0 0 400 400"
id="svg8965">
<g
transform="translate(0,-652.36218)"
id="layer1">
<path
d="m 192.22027,701.63777 c -79.65692,4.04271 -142.972123,70.16534 -142.972573,150.75209 4.5e-4,83.18784 67.489783,150.75254 150.752073,150.75254 83.26275,0 150.75164,-67.5647 150.75253,-150.75254 -8.9e-4,-80.58585 -63.31386,-146.69907 -142.97258,-150.75209 -2.57014,-0.12559 -5.17751,0 -7.77995,0 -2.60243,0 -5.21025,-0.12559 -7.7795,0 z m 1.2622,22.07676 c 2.19247,-0.11213 4.29657,0 6.5173,0 2.22118,0 4.32439,-0.11213 6.51776,0 67.9935,3.4605 122.15622,59.89195 122.15757,128.67533 0,71.00455 -57.60753,128.46625 -128.67533,128.46495 -71.0678,0 -128.673963,-57.4604 -128.675313,-128.46495 0,-68.78338 54.163613,-125.22111 122.158013,-128.67533 z m -41.42056,69.17406 c -10.48645,0 -18.92262,8.44559 -18.92262,18.92217 0,10.47703 8.43617,19.13343 18.92262,19.13343 10.486,0 18.92306,-8.6564 18.92306,-19.13343 0,-10.47658 -8.43706,-18.92217 -18.92306,-18.92217 z m 95.87573,0 c -10.48555,0 -18.92262,8.44559 -18.92262,18.92217 0,10.47703 8.43707,19.13343 18.92262,19.13343 10.48645,0 18.92306,-8.6564 18.92306,-19.13343 0,-10.47658 -8.43661,-18.92217 -18.92306,-18.92217 z m -47.93787,66.4402 c -41.53538,0 -83.04969,13.29746 -83.04969,29.43553 -8.9e-4,40.9774 37.19441,67.28122 83.04969,67.28122 45.85574,-9e-4 83.05014,-26.30382 83.05014,-67.28122 4.5e-4,-16.13807 -41.51475,-29.43553 -83.05014,-29.43553 z"
id="smile" />
</g>
</svg>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="400"
height="400"
viewBox="0 0 400 400"
id="svg8965">
<g
transform="translate(0,-652.36218)"
id="layer1">
<path
d="m 200,654.04872 c -33.84596,11.72206 -60.00293,72.24039 -60.0034,162.43475 0,66.44269 14.28925,122.98778 35.2961,138.29758 l 0,61.10285 49.41461,0 0,-61.10285 C 245.71416,939.47125 260.0034,882.92616 260.0034,816.48347 260.00247,726.28911 233.84596,665.77078 200,654.04872 z m 0,73.71556 c 11.60842,0 20.95722,9.21427 20.95722,20.65755 0,11.4428 -9.3488,20.87509 -20.95722,20.87509 -11.60934,0 -20.95721,-9.43229 -20.95721,-20.87509 0,-11.44328 9.34787,-20.65755 20.95721,-20.65755 z m -45.88488,218.53591 -35.29609,34.79184 0,69.58357 35.29609,-34.7917 z m 91.76976,0 0,69.58371 35.29609,34.7917 0,-69.58357 z"
id="rocket" />
</g>
</svg>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="400"
height="400"
viewBox="0 0 400 400"
id="svg8965">
<g
transform="translate(0,-652.36218)"
id="layer1">
<path
d="m 200.00001,678.628 c -9.21935,0 -17.07948,8.79547 -19.76764,21.28852 C 86.522878,708.13077 13.472042,774.5104 13.472042,854.76553 l 1.013739,0 c 4.350157,-11.86262 23.094864,-20.78191 45.618251,-20.78191 22.522845,0 41.267558,8.91929 45.618258,20.78191 l 2.02747,0 c 4.35124,-11.86262 23.09488,-20.78191 45.61826,-20.78191 22.52284,0 41.26756,8.91929 45.61825,20.78191 l 2.02748,0 c 4.35123,-11.86262 23.0954,-20.78191 45.61824,-20.78191 22.52393,0 41.2681,8.91929 45.61826,20.78191 l 2.02747,0 c 4.35125,-11.86262 23.09541,-20.78191 45.61826,-20.78191 22.52392,0 41.26809,8.91929 45.61824,20.78191 l 1.01374,0 c 0,-80.25513 -73.05083,-146.63476 -166.75977,-154.84901 C 217.07948,687.42347 209.21935,678.628 200.00001,678.628 z m -16.21983,177.91145 0,117.59371 c 0,8.60624 -2.56111,12.77906 -5.32172,15.45965 -2.76223,2.68057 -6.49496,4.13497 -10.64506,4.05494 -8.29698,-0.1622 -16.47286,-3.9414 -16.47286,-19.51459 a 16.221445,16.221445 0 1 0 -32.43965,0 c 0,30.72584 24.26594,51.48874 48.40645,51.95424 12.06917,0.2324 24.55627,-4.0501 33.95943,-13.1787 9.40588,-9.129 14.95306,-22.98122 14.95306,-38.77554 l 0,-117.59371 c -7.60872,3.6673 -13.10886,8.7268 -15.20608,14.44591 l -2.02748,0 c -2.09723,-5.71911 -7.59737,-10.77861 -15.20609,-14.44591 z"
id="umbrella" />
</g>
</svg>
</div>
</div>
</div>
<div class="wrapper">
<div class="content">
<!-- <img src="assets/images/welcome-smile.png" alt="" /> -->
<h1>Thank you</h1>
<h2>—for your support over the years. The Android Developer Icons are now <a href="http://github.com/opoloo/androidicons">Open Source</a>.</h2>
<p>The set contains 250 free icons in 5 sizes and 14 colors as well as its own icon font, including sources. Handcrafted by Opoloo, <a href="http://creativecommons.org/licenses/by-sa/4.0/">free to use by everyone</a>.</p>
<p class="centered">
<a href="https://github.com/opoloo/androidicons/releases/latest" target="_blank" class="btn">Download the Iconset</a>
</p>
<br />
<br />
<a href="#" class="btn-preview">
<img src="assets/images/icons-preview.png" alt="Preview" />
<span>Preview all 250 icons</span>
</a>
<br />
<br />
<p>In September 2009, we dipped our toes into the young and fragile Android community. Shortly after, Android brought down the house and took us on a wild ride. The small icon set reached developers, companies, and generally good people around the globe. Here’s some of the work that we have been heavily involved in since.</p>
<p>We’re Opoloo. <a href="http://www.opoloo.com">Talk to us</a>.</p>
<div class='gallery'><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_036.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_035.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_034.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_033.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_032.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_031.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_030.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_029.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_028.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_027.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_026.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_025.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_024.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_023.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_022.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_021.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_020.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_019.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_018.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_017.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_016.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_015.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_014.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_013.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_012.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_011.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_010.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_009.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_008.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_007.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_006.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_005.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_004.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_003.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_002.png' alt='' /></div><div class='gallery-item'><img src='assets/images/gallery/ai_gallery_001.png' alt='' /></div></div>
</div>
</div>
<footer>
<div class="row">
<div class="left contact">
Contact us at <script type="text/javascript">eval(decodeURIComponent('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%5c%22%6d%61%69%6c%74%6f%3a%69%6e%66%6f%40%6f%70%6f%6c%6f%6f%2e%63%6f%6d%5c%22%3e%69%6e%66%6f%40%6f%70%6f%6c%6f%6f%2e%63%6f%6d%3c%5c%2f%61%3e%27%29%3b'))</script>
</div>
<div class="right">
© by opoloo<br />
<a href="https://www.opoloo.com/impressum">Imprint</a> · <a href="https://www.opoloo.com/privacy">Privacy Policy</a>
</div>
</div>
<div class="row">
<div class="left social">
<span>or find us also at</span>
<a href="http://twitter.com/opoloo" class="icon-twitter"></a>
<a href="http://plus.google.com/+Opoloo" class="icon-gplus"></a>
<a href="http://dribbble.com/opoloo" class="icon-dribbble"></a>
<a href="http://github.com/opoloo" class="icon-github"></a>
</div>
<div class="right">
We work from Mainz, Germany
</div>
</div>
</footer>
</body>
</html>