documon
Version:
A documentation system for mortals. Use with any language.
159 lines (125 loc) • 10.5 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>icon Choices</title>
<!-- Font Awsome -->
<link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css">
<style>
table {
display : inline-block;
width : 250px;
vertical-align: top;
font-family : Arial, Helvetica, sans-serif;
color : #CCCCCC;
}
td {
padding-bottom : 10px;
padding-left : 20px;
}
.label {
}
.icon {
color : #000000;
}
.code {
}
</style>
</head>
<body>
<p><a href="http://fontawesome.io/cheatsheet/">http://fontawesome.io/cheatsheet/</a></p>
<table>
<tr><td class="label">folder </td><td class="icon"><i class="fa"></i></td><td class="code">f114</td></tr>
<tr><td class="label">folder </td><td class="icon"><i class="fa"></i></td><td class="code">f115</td></tr>
<tr><td class="label">folder </td><td class="icon"><i class="fa"></i></td><td class="code">f07b</td></tr>
<tr><td class="label">folder </td><td class="icon"><i class="fa"></i></td><td class="code">f07c</td></tr>
<tr><td class="label">book </td><td class="icon"><i class="fa"></i></td><td class="code">f02d</td></tr>
<tr><td class="label">briefcase </td><td class="icon"><i class="fa"></i></td><td class="code">f0b1</td></tr>
<tr><td class="label">suitcase </td><td class="icon"><i class="fa"></i></td><td class="code">f0f2</td></tr>
<tr><td class="label">files </td><td class="icon"><i class="fa"></i></td><td class="code">f0c5</td></tr>
<tr><td class="label">file </td><td class="icon"><i class="fa"></i></td><td class="code">f016</td></tr>
<tr><td class="label">file </td><td class="icon"><i class="fa"></i></td><td class="code">f15b</td></tr>
<tr><td class="label">file-text </td><td class="icon"><i class="fa"></i></td><td class="code">f15c</td></tr>
<tr><td class="label">file-text </td><td class="icon"><i class="fa"></i></td><td class="code">f0f6</td></tr>
<tr><td class="label">file-code </td><td class="icon"><i class="fa"></i></td><td class="code">f1c9</td></tr>
<tr><td class="label">file-p </td><td class="icon"><i class="fa"></i></td><td class="code">f1c4</td></tr>
<tr><td class="label">file-x </td><td class="icon"><i class="fa"></i></td><td class="code">f1c3</td></tr>
<tr><td class="label">file-w </td><td class="icon"><i class="fa"></i></td><td class="code">f1c2</td></tr>
<tr><td class="label">file-zip </td><td class="icon"><i class="fa"></i></td><td class="code">f1c6</td></tr>
<tr><td class="label">archive </td><td class="icon"><i class="fa"></i></td><td class="code">f187</td></tr>
<tr><td class="label">cogs </td><td class="icon"><i class="fa"></i></td><td class="code">f085</td></tr>
<tr><td class="label">cube </td><td class="icon"><i class="fa"></i></td><td class="code">f1b2</td></tr>
<tr><td class="label">codepen </td><td class="icon"><i class="fa"></i></td><td class="code">f1cb</td></tr>
</table>
<table>
<tr><td class="label">cubes </td><td class="icon"><i class="fa"></i></td><td class="code">f1b3</td></tr>
<tr><td class="label">database </td><td class="icon"><i class="fa"></i></td><td class="code">f1c0</td></tr>
<tr><td class="label">bars </td><td class="icon"><i class="fa"></i></td><td class="code">f0c9</td></tr>
<tr><td class="label">list </td><td class="icon"><i class="fa"></i></td><td class="code">f0ca</td></tr>
<tr><td class="label">list </td><td class="icon"><i class="fa"></i></td><td class="code">f022</td></tr>
<tr><td class="label">table </td><td class="icon"><i class="fa"></i></td><td class="code">f0ce</td></tr>
<tr><td class="label">circle </td><td class="icon"><i class="fa"></i></td><td class="code">f1db</td></tr>
<tr><td class="label">circle </td><td class="icon"><i class="fa"></i></td><td class="code">f111</td></tr>
<tr><td class="label">dot-circle </td><td class="icon"><i class="fa"></i></td><td class="code">f192</td></tr>
<tr><td class="label">dot-circle </td><td class="icon"><i class="fa"></i></td><td class="code">f2da</td></tr>
<tr><td class="label">exchange </td><td class="icon"><i class="fa"></i></td><td class="code">f0ec</td></tr>
<tr><td class="label">building </td><td class="icon"><i class="fa"></i></td><td class="code">f0f7</td></tr>
<tr><td class="label">toggle off </td><td class="icon"><i class="fa"></i></td><td class="code">f204</td></tr>
<tr><td class="label">toggle on </td><td class="icon"><i class="fa"></i></td><td class="code">f205</td></tr>
<tr><td class="label">bookmark </td><td class="icon"><i class="fa"></i></td><td class="code">f02e</td></tr>
<tr><td class="label">bookmark </td><td class="icon"><i class="fa"></i></td><td class="code">f097</td></tr>
<tr><td class="label">bullseye </td><td class="icon"><i class="fa"></i></td><td class="code">f140</td></tr>
<tr><td class="label">clone </td><td class="icon"><i class="fa"></i></td><td class="code">f24d</td></tr>
<tr><td class="label">copy </td><td class="icon"><i class="fa"></i></td><td class="code">f0c5</td></tr>
<tr><td class="label">crosshairs </td><td class="icon"><i class="fa"></i></td><td class="code">f05b</td></tr>
<tr><td class="label">elipsis </td><td class="icon"><i class="fa"></i></td><td class="code">f141</td></tr>
</table>
<table>
<tr><td class="label">elipsis </td><td class="icon"><i class="fa"></i></td><td class="code">f142</td></tr>
<tr><td class="label">envelope </td><td class="icon"><i class="fa"></i></td><td class="code">f003</td></tr>
<tr><td class="label">envelope </td><td class="icon"><i class="fa"></i></td><td class="code">f2b7</td></tr>
<tr><td class="label">envelope </td><td class="icon"><i class="fa"></i></td><td class="code">f0e0</td></tr>
<tr><td class="label">envelope </td><td class="icon"><i class="fa"></i></td><td class="code">f2b6</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f024</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f11d</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f2b4</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f024</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f2b4</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f11d</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f2b4</td></tr>
<tr><td class="label">flag </td><td class="icon"><i class="fa"></i></td><td class="code">f024</td></tr>
<tr><td class="label">flask </td><td class="icon"><i class="fa"></i></td><td class="code">f0c3</td></tr>
<tr><td class="label">gear </td><td class="icon"><i class="fa"></i></td><td class="code">f013</td></tr>
<tr><td class="label">pocket </td><td class="icon"><i class="fa"></i></td><td class="code">f265</td></tr>
<tr><td class="label">hashtag </td><td class="icon"><i class="fa"></i></td><td class="code">f292</td></tr>
<tr><td class="label">map </td><td class="icon"><i class="fa"></i></td><td class="code">f279</td></tr>
<tr><td class="label">map </td><td class="icon"><i class="fa"></i></td><td class="code">f278</td></tr>
<tr><td class="label">repeat </td><td class="icon"><i class="fa"></i></td><td class="code">f01e</td></tr>
<tr><td class="label">server </td><td class="icon"><i class="fa"></i></td><td class="code">f233</td></tr>
</table>
<table>
<tr><td class="label">sitemap </td><td class="icon"><i class="fa"></i></td><td class="code">f0e8</td></tr>
<tr><td class="label">tags </td><td class="icon"><i class="fa"></i></td><td class="code">f02c</td></tr>
<tr><td class="label">tags </td><td class="icon"><i class="fa"></i></td><td class="code">f02b</td></tr>
<tr><td class="label">boxes </td><td class="icon"><i class="fa"></i></td><td class="code">f00a</td></tr>
<tr><td class="label">boxes </td><td class="icon"><i class="fa"></i></td><td class="code">f009</td></tr>
<tr><td class="label">sun </td><td class="icon"><i class="fa"></i></td><td class="code">f185</td></tr>
<tr><td class="label">sticky-note</td><td class="icon"><i class="fa"></i></td><td class="code">f249</td></tr>
<tr><td class="label">sticky-note</td><td class="icon"><i class="fa"></i></td><td class="code">f24a</td></tr>
<tr><td class="label">retweet </td><td class="icon"><i class="fa"></i></td><td class="code">f079</td></tr>
<tr><td class="label">columns </td><td class="icon"><i class="fa"></i></td><td class="code">f0db</td></tr>
<tr><td class="label">home </td><td class="icon"><i class="fa"></i></td><td class="code">f015</td></tr>
<tr><td class="label">leaf </td><td class="icon"><i class="fa"></i></td><td class="code">f06c</td></tr>
<tr><td class="label">lemon </td><td class="icon"><i class="fa"></i></td><td class="code">f094</td></tr>
<tr><td class="label">rss </td><td class="icon"><i class="fa"></i></td><td class="code">f09e</td></tr>
<tr><td class="label">wifi </td><td class="icon"><i class="fa"></i></td><td class="code">f1eb</td></tr>
<tr><td class="label">share </td><td class="icon"><i class="fa"></i></td><td class="code">f1e0</td></tr>
<tr><td class="label">superpowers </td><td class="icon"><i class="fa"></i></td><td class="code">f2dd</td></tr>
<tr><td class="label">dot-circle </td><td class="icon"><i class="fa"></i></td><td class="code">f192</td></tr>
<tr><td class="label">genderless </td><td class="icon"><i class="fa"></i></td><td class="code">f22d</td></tr>
<tr><td class="label">search </td><td class="icon"><i class="fa"></i></td><td class="code">f002</td></tr>
<tr><td class="label">play </td><td class="icon"><i class="fa"></i></td><td class="code">f04b</td></tr>
</table>
</body>
</html>