mirror of
https://gitlab.com/wheres-the-tp/ui-mobile.git
synced 2026-01-25 06:14:55 -06:00
Added icons.html icon guide
This commit is contained in:
parent
91e9c4ff91
commit
56f8fe4515
1 changed files with 106 additions and 0 deletions
106
icons.html
Normal file
106
icons.html
Normal file
|
|
@ -0,0 +1,106 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>ATC Icon Guide</title>
|
||||||
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
table th,
|
||||||
|
table td {
|
||||||
|
text-align: left;
|
||||||
|
padding: 6px 10px;
|
||||||
|
}
|
||||||
|
.material-icons.md-48 { font-size: 48px; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h1>ATC Icon Guide</h1>
|
||||||
|
<p>Material icons from: <a href="https://material.io/icons/">https://material.io/icons/</a></p>
|
||||||
|
<table width="300" border="0">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">Icon</th>
|
||||||
|
<th scope="col">Name</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">place</i></td>
|
||||||
|
<td>place</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">filter_list</i></td>
|
||||||
|
<td>filter list</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">map</i></td>
|
||||||
|
<td>map</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">list</i></td>
|
||||||
|
<td>list</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">add</i></td>
|
||||||
|
<td>add</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">search</i></td>
|
||||||
|
<td>search</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">my_location</i></td>
|
||||||
|
<td>my location</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">clear</i></td>
|
||||||
|
<td>clear</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">arrow_back</i></td>
|
||||||
|
<td>arrow back</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">stars</i></td>
|
||||||
|
<td>stars</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">mode_edit</i></td>
|
||||||
|
<td>mode edit</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">insert_photo</i></td>
|
||||||
|
<td>insert photo</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">photo_camera</i></td>
|
||||||
|
<td>photo camera</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">exit_to_app</i></td>
|
||||||
|
<td>exit to app</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">visibility</i></td>
|
||||||
|
<td>visibility</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">visibility_off</i></td>
|
||||||
|
<td>visibility off</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">local_pizza</i></td>
|
||||||
|
<td>local pizza</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><i class="material-icons md-48">business</i></td>
|
||||||
|
<td>business</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue