ClockFaceRect.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  5. <meta charset="UTF-8">
  6. <link rel="stylesheet" href="style.css">
  7. <link rel="stylesheet" href="clockface-rect.css">
  8. <script src="icontime.js"></script>
  9. </head>
  10. <body onload="startIconTime()">
  11. <div class="container header">
  12. <h1 class="chroma-crawl">ClockFace // Rect</h1>
  13. <div class="subhead chroma-crawl">Clock icons for displaying time</div>
  14. <div class="tech-info">12 Hours // Every 5th Minute // Unicode series &amp;#xF0000...&amp;#xF008F</div>
  15. <div class="tech-info"><a href="https://github.com/ocodo/ClockFace-font">Github Repository: ocodo/ClockFace-font</a></div>
  16. </div>
  17. <div class="container" id="icons">
  18. <a href="ClockFaceFonts.zip">
  19. <div id="pagetime" class="chroma-crawl">0</div>
  20. <div class="subhead chroma-crawl">Download all ClockFace Fonts</div>
  21. </a>
  22. <div class="row">
  23. <div class="panel" title="Code: 0xF0000">
  24. <i class="demo-icon clock_00_00">&#xF0000;</i> <span class="i-name">clock_00.00</span><span class="i-code">0xF0000</span>
  25. </div>
  26. <div class="panel" title="Code: 0xF0001">
  27. <i class="demo-icon clock_00_05">&#xF0001;</i> <span class="i-name">clock_00.05</span><span class="i-code">0xF0001</span>
  28. </div>
  29. <div class="panel" title="Code: 0xF0002">
  30. <i class="demo-icon clock_00_10">&#xF0002;</i> <span class="i-name">clock_00.10</span><span class="i-code">0xF0002</span>
  31. </div>
  32. <div class="panel" title="Code: 0xF0003">
  33. <i class="demo-icon clock_00_15">&#xF0003;</i> <span class="i-name">clock_00.15</span><span class="i-code">0xF0003</span>
  34. </div>
  35. <div class="panel" title="Code: 0xF0004">
  36. <i class="demo-icon clock_00_20">&#xF0004;</i> <span class="i-name">clock_00.20</span><span class="i-code">0xF0004</span>
  37. </div>
  38. <div class="panel" title="Code: 0xF0005">
  39. <i class="demo-icon clock_00_25">&#xF0005;</i> <span class="i-name">clock_00.25</span><span class="i-code">0xF0005</span>
  40. </div>
  41. </div>
  42. <div class="row">
  43. <div class="panel" title="Code: 0xF0006">
  44. <i class="demo-icon clock_00_30">&#xF0006;</i> <span class="i-name">clock_00.30</span><span class="i-code">0xF0006</span>
  45. </div>
  46. <div class="panel" title="Code: 0xF0007">
  47. <i class="demo-icon clock_00_35">&#xF0007;</i> <span class="i-name">clock_00.35</span><span class="i-code">0xF0007</span>
  48. </div>
  49. <div class="panel" title="Code: 0xF0008">
  50. <i class="demo-icon clock_00_40">&#xF0008;</i> <span class="i-name">clock_00.40</span><span class="i-code">0xF0008</span>
  51. </div>
  52. <div class="panel" title="Code: 0xF0009">
  53. <i class="demo-icon clock_00_45">&#xF0009;</i> <span class="i-name">clock_00.45</span><span class="i-code">0xF0009</span>
  54. </div>
  55. <div class="panel" title="Code: 0xF000A">
  56. <i class="demo-icon clock_00_50">&#xF000A;</i> <span class="i-name">clock_00.50</span><span class="i-code">0xF000A</span>
  57. </div>
  58. <div class="panel" title="Code: 0xF000B">
  59. <i class="demo-icon clock_00_55">&#xF000B;</i> <span class="i-name">clock_00.55</span><span class="i-code">0xF000B</span>
  60. </div>
  61. </div>
  62. <div class="row">
  63. <div class="panel" title="Code: 0xF000C">
  64. <i class="demo-icon clock_01_00">&#xF000C;</i> <span class="i-name">clock_01.00</span><span class="i-code">0xF000C</span>
  65. </div>
  66. <div class="panel" title="Code: 0xF000D">
  67. <i class="demo-icon clock_01_05">&#xF000D;</i> <span class="i-name">clock_01.05</span><span class="i-code">0xF000D</span>
  68. </div>
  69. <div class="panel" title="Code: 0xF000E">
  70. <i class="demo-icon clock_01_10">&#xF000E;</i> <span class="i-name">clock_01.10</span><span class="i-code">0xF000E</span>
  71. </div>
  72. <div class="panel" title="Code: 0xF000F">
  73. <i class="demo-icon clock_01_15">&#xF000F;</i> <span class="i-name">clock_01.15</span><span class="i-code">0xF000F</span>
  74. </div>
  75. <div class="panel" title="Code: 0xF0010">
  76. <i class="demo-icon clock_01_20">&#xF0010;</i> <span class="i-name">clock_01.20</span><span class="i-code">0xF0010</span>
  77. </div>
  78. <div class="panel" title="Code: 0xF0011">
  79. <i class="demo-icon clock_01_25">&#xF0011;</i> <span class="i-name">clock_01.25</span><span class="i-code">0xF0011</span>
  80. </div>
  81. </div>
  82. <div class="row">
  83. <div class="panel" title="Code: 0xF0012">
  84. <i class="demo-icon clock_01_30">&#xF0012;</i> <span class="i-name">clock_01.30</span><span class="i-code">0xF0012</span>
  85. </div>
  86. <div class="panel" title="Code: 0xF0013">
  87. <i class="demo-icon clock_01_35">&#xF0013;</i> <span class="i-name">clock_01.35</span><span class="i-code">0xF0013</span>
  88. </div>
  89. <div class="panel" title="Code: 0xF0014">
  90. <i class="demo-icon clock_01_40">&#xF0014;</i> <span class="i-name">clock_01.40</span><span class="i-code">0xF0014</span>
  91. </div>
  92. <div class="panel" title="Code: 0xF0015">
  93. <i class="demo-icon clock_01_45">&#xF0015;</i> <span class="i-name">clock_01.45</span><span class="i-code">0xF0015</span>
  94. </div>
  95. <div class="panel" title="Code: 0xF0016">
  96. <i class="demo-icon clock_01_50">&#xF0016;</i> <span class="i-name">clock_01.50</span><span class="i-code">0xF0016</span>
  97. </div>
  98. <div class="panel" title="Code: 0xF0017">
  99. <i class="demo-icon clock_01_55">&#xF0017;</i> <span class="i-name">clock_01.55</span><span class="i-code">0xF0017</span>
  100. </div>
  101. </div>
  102. <div class="row">
  103. <div class="panel" title="Code: 0xF0018">
  104. <i class="demo-icon clock_02_00">&#xF0018;</i> <span class="i-name">clock_02.00</span><span class="i-code">0xF0018</span>
  105. </div>
  106. <div class="panel" title="Code: 0xF0019">
  107. <i class="demo-icon clock_02_05">&#xF0019;</i> <span class="i-name">clock_02.05</span><span class="i-code">0xF0019</span>
  108. </div>
  109. <div class="panel" title="Code: 0xF001A">
  110. <i class="demo-icon clock_02_10">&#xF001A;</i> <span class="i-name">clock_02.10</span><span class="i-code">0xF001A</span>
  111. </div>
  112. <div class="panel" title="Code: 0xF001B">
  113. <i class="demo-icon clock_02_15">&#xF001B;</i> <span class="i-name">clock_02.15</span><span class="i-code">0xF001B</span>
  114. </div>
  115. <div class="panel" title="Code: 0xF001C">
  116. <i class="demo-icon clock_02_20">&#xF001C;</i> <span class="i-name">clock_02.20</span><span class="i-code">0xF001C</span>
  117. </div>
  118. <div class="panel" title="Code: 0xF001D">
  119. <i class="demo-icon clock_02_25">&#xF001D;</i> <span class="i-name">clock_02.25</span><span class="i-code">0xF001D</span>
  120. </div>
  121. </div>
  122. <div class="row">
  123. <div class="panel" title="Code: 0xF001E">
  124. <i class="demo-icon clock_02_30">&#xF001E;</i> <span class="i-name">clock_02.30</span><span class="i-code">0xF001E</span>
  125. </div>
  126. <div class="panel" title="Code: 0xF001F">
  127. <i class="demo-icon clock_02_35">&#xF001F;</i> <span class="i-name">clock_02.35</span><span class="i-code">0xF001F</span>
  128. </div>
  129. <div class="panel" title="Code: 0xF0020">
  130. <i class="demo-icon clock_02_40">&#xF0020;</i> <span class="i-name">clock_02.40</span><span class="i-code">0xF0020</span>
  131. </div>
  132. <div class="panel" title="Code: 0xF0021">
  133. <i class="demo-icon clock_02_45">&#xF0021;</i> <span class="i-name">clock_02.45</span><span class="i-code">0xF0021</span>
  134. </div>
  135. <div class="panel" title="Code: 0xF0022">
  136. <i class="demo-icon clock_02_50">&#xF0022;</i> <span class="i-name">clock_02.50</span><span class="i-code">0xF0022</span>
  137. </div>
  138. <div class="panel" title="Code: 0xF0023">
  139. <i class="demo-icon clock_02_55">&#xF0023;</i> <span class="i-name">clock_02.55</span><span class="i-code">0xF0023</span>
  140. </div>
  141. </div>
  142. <div class="row">
  143. <div class="panel" title="Code: 0xF0024">
  144. <i class="demo-icon clock_03_00">&#xF0024;</i> <span class="i-name">clock_03.00</span><span class="i-code">0xF0024</span>
  145. </div>
  146. <div class="panel" title="Code: 0xF0025">
  147. <i class="demo-icon clock_03_05">&#xF0025;</i> <span class="i-name">clock_03.05</span><span class="i-code">0xF0025</span>
  148. </div>
  149. <div class="panel" title="Code: 0xF0026">
  150. <i class="demo-icon clock_03_10">&#xF0026;</i> <span class="i-name">clock_03.10</span><span class="i-code">0xF0026</span>
  151. </div>
  152. <div class="panel" title="Code: 0xF0027">
  153. <i class="demo-icon clock_03_15">&#xF0027;</i> <span class="i-name">clock_03.15</span><span class="i-code">0xF0027</span>
  154. </div>
  155. <div class="panel" title="Code: 0xF0028">
  156. <i class="demo-icon clock_03_20">&#xF0028;</i> <span class="i-name">clock_03.20</span><span class="i-code">0xF0028</span>
  157. </div>
  158. <div class="panel" title="Code: 0xF0029">
  159. <i class="demo-icon clock_03_25">&#xF0029;</i> <span class="i-name">clock_03.25</span><span class="i-code">0xF0029</span>
  160. </div>
  161. </div>
  162. <div class="row">
  163. <div class="panel" title="Code: 0xF002A">
  164. <i class="demo-icon clock_03_30">&#xF002A;</i> <span class="i-name">clock_03.30</span><span class="i-code">0xF002A</span>
  165. </div>
  166. <div class="panel" title="Code: 0xF002B">
  167. <i class="demo-icon clock_03_35">&#xF002B;</i> <span class="i-name">clock_03.35</span><span class="i-code">0xF002B</span>
  168. </div>
  169. <div class="panel" title="Code: 0xF002C">
  170. <i class="demo-icon clock_03_40">&#xF002C;</i> <span class="i-name">clock_03.40</span><span class="i-code">0xF002C</span>
  171. </div>
  172. <div class="panel" title="Code: 0xF002D">
  173. <i class="demo-icon clock_03_45">&#xF002D;</i> <span class="i-name">clock_03.45</span><span class="i-code">0xF002D</span>
  174. </div>
  175. <div class="panel" title="Code: 0xF002E">
  176. <i class="demo-icon clock_03_50">&#xF002E;</i> <span class="i-name">clock_03.50</span><span class="i-code">0xF002E</span>
  177. </div>
  178. <div class="panel" title="Code: 0xF002F">
  179. <i class="demo-icon clock_03_55">&#xF002F;</i> <span class="i-name">clock_03.55</span><span class="i-code">0xF002F</span>
  180. </div>
  181. </div>
  182. <div class="row">
  183. <div class="panel" title="Code: 0xF0030">
  184. <i class="demo-icon clock_04_00">&#xF0030;</i> <span class="i-name">clock_04.00</span><span class="i-code">0xF0030</span>
  185. </div>
  186. <div class="panel" title="Code: 0xF0031">
  187. <i class="demo-icon clock_04_05">&#xF0031;</i> <span class="i-name">clock_04.05</span><span class="i-code">0xF0031</span>
  188. </div>
  189. <div class="panel" title="Code: 0xF0032">
  190. <i class="demo-icon clock_04_10">&#xF0032;</i> <span class="i-name">clock_04.10</span><span class="i-code">0xF0032</span>
  191. </div>
  192. <div class="panel" title="Code: 0xF0033">
  193. <i class="demo-icon clock_04_15">&#xF0033;</i> <span class="i-name">clock_04.15</span><span class="i-code">0xF0033</span>
  194. </div>
  195. <div class="panel" title="Code: 0xF0034">
  196. <i class="demo-icon clock_04_20">&#xF0034;</i> <span class="i-name">clock_04.20</span><span class="i-code">0xF0034</span>
  197. </div>
  198. <div class="panel" title="Code: 0xF0035">
  199. <i class="demo-icon clock_04_25">&#xF0035;</i> <span class="i-name">clock_04.25</span><span class="i-code">0xF0035</span>
  200. </div>
  201. </div>
  202. <div class="row">
  203. <div class="panel" title="Code: 0xF0036">
  204. <i class="demo-icon clock_04_30">&#xF0036;</i> <span class="i-name">clock_04.30</span><span class="i-code">0xF0036</span>
  205. </div>
  206. <div class="panel" title="Code: 0xF0037">
  207. <i class="demo-icon clock_04_35">&#xF0037;</i> <span class="i-name">clock_04.35</span><span class="i-code">0xF0037</span>
  208. </div>
  209. <div class="panel" title="Code: 0xF0038">
  210. <i class="demo-icon clock_04_40">&#xF0038;</i> <span class="i-name">clock_04.40</span><span class="i-code">0xF0038</span>
  211. </div>
  212. <div class="panel" title="Code: 0xF0039">
  213. <i class="demo-icon clock_04_45">&#xF0039;</i> <span class="i-name">clock_04.45</span><span class="i-code">0xF0039</span>
  214. </div>
  215. <div class="panel" title="Code: 0xF003A">
  216. <i class="demo-icon clock_04_50">&#xF003A;</i> <span class="i-name">clock_04.50</span><span class="i-code">0xF003A</span>
  217. </div>
  218. <div class="panel" title="Code: 0xF003B">
  219. <i class="demo-icon clock_04_55">&#xF003B;</i> <span class="i-name">clock_04.55</span><span class="i-code">0xF003B</span>
  220. </div>
  221. </div>
  222. <div class="row">
  223. <div class="panel" title="Code: 0xF003C">
  224. <i class="demo-icon clock_05_00">&#xF003C;</i> <span class="i-name">clock_05.00</span><span class="i-code">0xF003C</span>
  225. </div>
  226. <div class="panel" title="Code: 0xF003D">
  227. <i class="demo-icon clock_05_05">&#xF003D;</i> <span class="i-name">clock_05.05</span><span class="i-code">0xF003D</span>
  228. </div>
  229. <div class="panel" title="Code: 0xF003E">
  230. <i class="demo-icon clock_05_10">&#xF003E;</i> <span class="i-name">clock_05.10</span><span class="i-code">0xF003E</span>
  231. </div>
  232. <div class="panel" title="Code: 0xF003F">
  233. <i class="demo-icon clock_05_15">&#xF003F;</i> <span class="i-name">clock_05.15</span><span class="i-code">0xF003F</span>
  234. </div>
  235. <div class="panel" title="Code: 0xF0040">
  236. <i class="demo-icon clock_05_20">&#xF0040;</i> <span class="i-name">clock_05.20</span><span class="i-code">0xF0040</span>
  237. </div>
  238. <div class="panel" title="Code: 0xF0041">
  239. <i class="demo-icon clock_05_25">&#xF0041;</i> <span class="i-name">clock_05.25</span><span class="i-code">0xF0041</span>
  240. </div>
  241. </div>
  242. <div class="row">
  243. <div class="panel" title="Code: 0xF0042">
  244. <i class="demo-icon clock_05_30">&#xF0042;</i> <span class="i-name">clock_05.30</span><span class="i-code">0xF0042</span>
  245. </div>
  246. <div class="panel" title="Code: 0xF0043">
  247. <i class="demo-icon clock_05_35">&#xF0043;</i> <span class="i-name">clock_05.35</span><span class="i-code">0xF0043</span>
  248. </div>
  249. <div class="panel" title="Code: 0xF0044">
  250. <i class="demo-icon clock_05_40">&#xF0044;</i> <span class="i-name">clock_05.40</span><span class="i-code">0xF0044</span>
  251. </div>
  252. <div class="panel" title="Code: 0xF0045">
  253. <i class="demo-icon clock_05_45">&#xF0045;</i> <span class="i-name">clock_05.45</span><span class="i-code">0xF0045</span>
  254. </div>
  255. <div class="panel" title="Code: 0xF0046">
  256. <i class="demo-icon clock_05_50">&#xF0046;</i> <span class="i-name">clock_05.50</span><span class="i-code">0xF0046</span>
  257. </div>
  258. <div class="panel" title="Code: 0xF0047">
  259. <i class="demo-icon clock_05_55">&#xF0047;</i> <span class="i-name">clock_05.55</span><span class="i-code">0xF0047</span>
  260. </div>
  261. </div>
  262. <div class="row">
  263. <div class="panel" title="Code: 0xF0048">
  264. <i class="demo-icon clock_06_00">&#xF0048;</i> <span class="i-name">clock_06.00</span><span class="i-code">0xF0048</span>
  265. </div>
  266. <div class="panel" title="Code: 0xF0049">
  267. <i class="demo-icon clock_06_05">&#xF0049;</i> <span class="i-name">clock_06.05</span><span class="i-code">0xF0049</span>
  268. </div>
  269. <div class="panel" title="Code: 0xF004A">
  270. <i class="demo-icon clock_06_10">&#xF004A;</i> <span class="i-name">clock_06.10</span><span class="i-code">0xF004A</span>
  271. </div>
  272. <div class="panel" title="Code: 0xF004B">
  273. <i class="demo-icon clock_06_15">&#xF004B;</i> <span class="i-name">clock_06.15</span><span class="i-code">0xF004B</span>
  274. </div>
  275. <div class="panel" title="Code: 0xF004C">
  276. <i class="demo-icon clock_06_20">&#xF004C;</i> <span class="i-name">clock_06.20</span><span class="i-code">0xF004C</span>
  277. </div>
  278. <div class="panel" title="Code: 0xF004D">
  279. <i class="demo-icon clock_06_25">&#xF004D;</i> <span class="i-name">clock_06.25</span><span class="i-code">0xF004D</span>
  280. </div>
  281. </div>
  282. <div class="row">
  283. <div class="panel" title="Code: 0xF004E">
  284. <i class="demo-icon clock_06_30">&#xF004E;</i> <span class="i-name">clock_06.30</span><span class="i-code">0xF004E</span>
  285. </div>
  286. <div class="panel" title="Code: 0xF004F">
  287. <i class="demo-icon clock_06_35">&#xF004F;</i> <span class="i-name">clock_06.35</span><span class="i-code">0xF004F</span>
  288. </div>
  289. <div class="panel" title="Code: 0xF0050">
  290. <i class="demo-icon clock_06_40">&#xF0050;</i> <span class="i-name">clock_06.40</span><span class="i-code">0xF0050</span>
  291. </div>
  292. <div class="panel" title="Code: 0xF0051">
  293. <i class="demo-icon clock_06_45">&#xF0051;</i> <span class="i-name">clock_06.45</span><span class="i-code">0xF0051</span>
  294. </div>
  295. <div class="panel" title="Code: 0xF0052">
  296. <i class="demo-icon clock_06_50">&#xF0052;</i> <span class="i-name">clock_06.50</span><span class="i-code">0xF0052</span>
  297. </div>
  298. <div class="panel" title="Code: 0xF0053">
  299. <i class="demo-icon clock_06_55">&#xF0053;</i> <span class="i-name">clock_06.55</span><span class="i-code">0xF0053</span>
  300. </div>
  301. </div>
  302. <div class="row">
  303. <div class="panel" title="Code: 0xF0054">
  304. <i class="demo-icon clock_07_00">&#xF0054;</i> <span class="i-name">clock_07.00</span><span class="i-code">0xF0054</span>
  305. </div>
  306. <div class="panel" title="Code: 0xF0055">
  307. <i class="demo-icon clock_07_05">&#xF0055;</i> <span class="i-name">clock_07.05</span><span class="i-code">0xF0055</span>
  308. </div>
  309. <div class="panel" title="Code: 0xF0056">
  310. <i class="demo-icon clock_07_10">&#xF0056;</i> <span class="i-name">clock_07.10</span><span class="i-code">0xF0056</span>
  311. </div>
  312. <div class="panel" title="Code: 0xF0057">
  313. <i class="demo-icon clock_07_15">&#xF0057;</i> <span class="i-name">clock_07.15</span><span class="i-code">0xF0057</span>
  314. </div>
  315. <div class="panel" title="Code: 0xF0058">
  316. <i class="demo-icon clock_07_20">&#xF0058;</i> <span class="i-name">clock_07.20</span><span class="i-code">0xF0058</span>
  317. </div>
  318. <div class="panel" title="Code: 0xF0059">
  319. <i class="demo-icon clock_07_25">&#xF0059;</i> <span class="i-name">clock_07.25</span><span class="i-code">0xF0059</span>
  320. </div>
  321. </div>
  322. <div class="row">
  323. <div class="panel" title="Code: 0xF005A">
  324. <i class="demo-icon clock_07_30">&#xF005A;</i> <span class="i-name">clock_07.30</span><span class="i-code">0xF005A</span>
  325. </div>
  326. <div class="panel" title="Code: 0xF005B">
  327. <i class="demo-icon clock_07_35">&#xF005B;</i> <span class="i-name">clock_07.35</span><span class="i-code">0xF005B</span>
  328. </div>
  329. <div class="panel" title="Code: 0xF005C">
  330. <i class="demo-icon clock_07_40">&#xF005C;</i> <span class="i-name">clock_07.40</span><span class="i-code">0xF005C</span>
  331. </div>
  332. <div class="panel" title="Code: 0xF005D">
  333. <i class="demo-icon clock_07_45">&#xF005D;</i> <span class="i-name">clock_07.45</span><span class="i-code">0xF005D</span>
  334. </div>
  335. <div class="panel" title="Code: 0xF005E">
  336. <i class="demo-icon clock_07_50">&#xF005E;</i> <span class="i-name">clock_07.50</span><span class="i-code">0xF005E</span>
  337. </div>
  338. <div class="panel" title="Code: 0xF005F">
  339. <i class="demo-icon clock_07_55">&#xF005F;</i> <span class="i-name">clock_07.55</span><span class="i-code">0xF005F</span>
  340. </div>
  341. </div>
  342. <div class="row">
  343. <div class="panel" title="Code: 0xF0060">
  344. <i class="demo-icon clock_08_00">&#xF0060;</i> <span class="i-name">clock_08.00</span><span class="i-code">0xF0060</span>
  345. </div>
  346. <div class="panel" title="Code: 0xF0061">
  347. <i class="demo-icon clock_08_05">&#xF0061;</i> <span class="i-name">clock_08.05</span><span class="i-code">0xF0061</span>
  348. </div>
  349. <div class="panel" title="Code: 0xF0062">
  350. <i class="demo-icon clock_08_10">&#xF0062;</i> <span class="i-name">clock_08.10</span><span class="i-code">0xF0062</span>
  351. </div>
  352. <div class="panel" title="Code: 0xF0063">
  353. <i class="demo-icon clock_08_15">&#xF0063;</i> <span class="i-name">clock_08.15</span><span class="i-code">0xF0063</span>
  354. </div>
  355. <div class="panel" title="Code: 0xF0064">
  356. <i class="demo-icon clock_08_20">&#xF0064;</i> <span class="i-name">clock_08.20</span><span class="i-code">0xF0064</span>
  357. </div>
  358. <div class="panel" title="Code: 0xF0065">
  359. <i class="demo-icon clock_08_25">&#xF0065;</i> <span class="i-name">clock_08.25</span><span class="i-code">0xF0065</span>
  360. </div>
  361. </div>
  362. <div class="row">
  363. <div class="panel" title="Code: 0xF0066">
  364. <i class="demo-icon clock_08_30">&#xF0066;</i> <span class="i-name">clock_08.30</span><span class="i-code">0xF0066</span>
  365. </div>
  366. <div class="panel" title="Code: 0xF0067">
  367. <i class="demo-icon clock_08_35">&#xF0067;</i> <span class="i-name">clock_08.35</span><span class="i-code">0xF0067</span>
  368. </div>
  369. <div class="panel" title="Code: 0xF0068">
  370. <i class="demo-icon clock_08_40">&#xF0068;</i> <span class="i-name">clock_08.40</span><span class="i-code">0xF0068</span>
  371. </div>
  372. <div class="panel" title="Code: 0xF0069">
  373. <i class="demo-icon clock_08_45">&#xF0069;</i> <span class="i-name">clock_08.45</span><span class="i-code">0xF0069</span>
  374. </div>
  375. <div class="panel" title="Code: 0xF006A">
  376. <i class="demo-icon clock_08_50">&#xF006A;</i> <span class="i-name">clock_08.50</span><span class="i-code">0xF006A</span>
  377. </div>
  378. <div class="panel" title="Code: 0xF006B">
  379. <i class="demo-icon clock_08_55">&#xF006B;</i> <span class="i-name">clock_08.55</span><span class="i-code">0xF006B</span>
  380. </div>
  381. </div>
  382. <div class="row">
  383. <div class="panel" title="Code: 0xF006C">
  384. <i class="demo-icon clock_09_00">&#xF006C;</i> <span class="i-name">clock_09.00</span><span class="i-code">0xF006C</span>
  385. </div>
  386. <div class="panel" title="Code: 0xF006D">
  387. <i class="demo-icon clock_09_05">&#xF006D;</i> <span class="i-name">clock_09.05</span><span class="i-code">0xF006D</span>
  388. </div>
  389. <div class="panel" title="Code: 0xF006E">
  390. <i class="demo-icon clock_09_10">&#xF006E;</i> <span class="i-name">clock_09.10</span><span class="i-code">0xF006E</span>
  391. </div>
  392. <div class="panel" title="Code: 0xF006F">
  393. <i class="demo-icon clock_09_15">&#xF006F;</i> <span class="i-name">clock_09.15</span><span class="i-code">0xF006F</span>
  394. </div>
  395. <div class="panel" title="Code: 0xF0070">
  396. <i class="demo-icon clock_09_20">&#xF0070;</i> <span class="i-name">clock_09.20</span><span class="i-code">0xF0070</span>
  397. </div>
  398. <div class="panel" title="Code: 0xF0071">
  399. <i class="demo-icon clock_09_25">&#xF0071;</i> <span class="i-name">clock_09.25</span><span class="i-code">0xF0071</span>
  400. </div>
  401. </div>
  402. <div class="row">
  403. <div class="panel" title="Code: 0xF0072">
  404. <i class="demo-icon clock_09_30">&#xF0072;</i> <span class="i-name">clock_09.30</span><span class="i-code">0xF0072</span>
  405. </div>
  406. <div class="panel" title="Code: 0xF0073">
  407. <i class="demo-icon clock_09_35">&#xF0073;</i> <span class="i-name">clock_09.35</span><span class="i-code">0xF0073</span>
  408. </div>
  409. <div class="panel" title="Code: 0xF0074">
  410. <i class="demo-icon clock_09_40">&#xF0074;</i> <span class="i-name">clock_09.40</span><span class="i-code">0xF0074</span>
  411. </div>
  412. <div class="panel" title="Code: 0xF0075">
  413. <i class="demo-icon clock_09_45">&#xF0075;</i> <span class="i-name">clock_09.45</span><span class="i-code">0xF0075</span>
  414. </div>
  415. <div class="panel" title="Code: 0xF0076">
  416. <i class="demo-icon clock_09_50">&#xF0076;</i> <span class="i-name">clock_09.50</span><span class="i-code">0xF0076</span>
  417. </div>
  418. <div class="panel" title="Code: 0xF0077">
  419. <i class="demo-icon clock_09_55">&#xF0077;</i> <span class="i-name">clock_09.55</span><span class="i-code">0xF0077</span>
  420. </div>
  421. </div>
  422. <div class="row">
  423. <div class="panel" title="Code: 0xF0078">
  424. <i class="demo-icon clock_10_00">&#xF0078;</i> <span class="i-name">clock_10.00</span><span class="i-code">0xF0078</span>
  425. </div>
  426. <div class="panel" title="Code: 0xF0079">
  427. <i class="demo-icon clock_10_05">&#xF0079;</i> <span class="i-name">clock_10.05</span><span class="i-code">0xF0079</span>
  428. </div>
  429. <div class="panel" title="Code: 0xF007A">
  430. <i class="demo-icon clock_10_10">&#xF007A;</i> <span class="i-name">clock_10.10</span><span class="i-code">0xF007A</span>
  431. </div>
  432. <div class="panel" title="Code: 0xF007B">
  433. <i class="demo-icon clock_10_15">&#xF007B;</i> <span class="i-name">clock_10.15</span><span class="i-code">0xF007B</span>
  434. </div>
  435. <div class="panel" title="Code: 0xF007C">
  436. <i class="demo-icon clock_10_20">&#xF007C;</i> <span class="i-name">clock_10.20</span><span class="i-code">0xF007C</span>
  437. </div>
  438. <div class="panel" title="Code: 0xF007D">
  439. <i class="demo-icon clock_10_25">&#xF007D;</i> <span class="i-name">clock_10.25</span><span class="i-code">0xF007D</span>
  440. </div>
  441. </div>
  442. <div class="row">
  443. <div class="panel" title="Code: 0xF007E">
  444. <i class="demo-icon clock_10_30">&#xF007E;</i> <span class="i-name">clock_10.30</span><span class="i-code">0xF007E</span>
  445. </div>
  446. <div class="panel" title="Code: 0xF007F">
  447. <i class="demo-icon clock_10_35">&#xF007F;</i> <span class="i-name">clock_10.35</span><span class="i-code">0xF007F</span>
  448. </div>
  449. <div class="panel" title="Code: 0xF0080">
  450. <i class="demo-icon clock_10_40">&#xF0080;</i> <span class="i-name">clock_10.40</span><span class="i-code">0xF0080</span>
  451. </div>
  452. <div class="panel" title="Code: 0xF0081">
  453. <i class="demo-icon clock_10_45">&#xF0081;</i> <span class="i-name">clock_10.45</span><span class="i-code">0xF0081</span>
  454. </div>
  455. <div class="panel" title="Code: 0xF0082">
  456. <i class="demo-icon clock_10_50">&#xF0082;</i> <span class="i-name">clock_10.50</span><span class="i-code">0xF0082</span>
  457. </div>
  458. <div class="panel" title="Code: 0xF0083">
  459. <i class="demo-icon clock_10_55">&#xF0083;</i> <span class="i-name">clock_10.55</span><span class="i-code">0xF0083</span>
  460. </div>
  461. </div>
  462. <div class="row">
  463. <div class="panel" title="Code: 0xF0084">
  464. <i class="demo-icon clock_11_00">&#xF0084;</i> <span class="i-name">clock_11.00</span><span class="i-code">0xF0084</span>
  465. </div>
  466. <div class="panel" title="Code: 0xF0085">
  467. <i class="demo-icon clock_11_05">&#xF0085;</i> <span class="i-name">clock_11.05</span><span class="i-code">0xF0085</span>
  468. </div>
  469. <div class="panel" title="Code: 0xF0086">
  470. <i class="demo-icon clock_11_10">&#xF0086;</i> <span class="i-name">clock_11.10</span><span class="i-code">0xF0086</span>
  471. </div>
  472. <div class="panel" title="Code: 0xF0087">
  473. <i class="demo-icon clock_11_15">&#xF0087;</i> <span class="i-name">clock_11.15</span><span class="i-code">0xF0087</span>
  474. </div>
  475. <div class="panel" title="Code: 0xF0088">
  476. <i class="demo-icon clock_11_20">&#xF0088;</i> <span class="i-name">clock_11.20</span><span class="i-code">0xF0088</span>
  477. </div>
  478. <div class="panel" title="Code: 0xF0089">
  479. <i class="demo-icon clock_11_25">&#xF0089;</i> <span class="i-name">clock_11.25</span><span class="i-code">0xF0089</span>
  480. </div>
  481. </div>
  482. <div class="row">
  483. <div class="panel" title="Code: 0xF008A">
  484. <i class="demo-icon clock_11_30">&#xF008A;</i> <span class="i-name">clock_11.30</span><span class="i-code">0xF008A</span>
  485. </div>
  486. <div class="panel" title="Code: 0xF008B">
  487. <i class="demo-icon clock_11_35">&#xF008B;</i> <span class="i-name">clock_11.35</span><span class="i-code">0xF008B</span>
  488. </div>
  489. <div class="panel" title="Code: 0xF008C">
  490. <i class="demo-icon clock_11_40">&#xF008C;</i> <span class="i-name">clock_11.40</span><span class="i-code">0xF008C</span>
  491. </div>
  492. <div class="panel" title="Code: 0xF008D">
  493. <i class="demo-icon clock_11_45">&#xF008D;</i> <span class="i-name">clock_11.45</span><span class="i-code">0xF008D</span>
  494. </div>
  495. <div class="panel" title="Code: 0xF008E">
  496. <i class="demo-icon clock_11_50">&#xF008E;</i> <span class="i-name">clock_11.50</span><span class="i-code">0xF008E</span>
  497. </div>
  498. <div class="panel" title="Code: 0xF008F">
  499. <i class="demo-icon clock_11_55">&#xF008F;</i> <span class="i-name">clock_11.55</span><span class="i-code">0xF008F</span>
  500. </div>
  501. </div>
  502. </div>
  503. <div class="container footer"><a href="https://github.com/ocodo/ClockFace-font">ClockFace-font</a> Created by J.L.Milkins / Ocodo 2022
  504. <br/>
  505. <img src="static/ocodo-2022-footer-logo.png" style="opacity: 0.15"/>
  506. </div>
  507. </body>
  508. </html>