Website for the AME project.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

928 lines
24 KiB

4 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <style>
  6. body {
  7. font-family: 'Helvetica', sans-serif;
  8. margin: 50px 0;
  9. }
  10. .container {
  11. width: 600px;
  12. text-align: center;
  13. margin: 20px auto;
  14. }
  15. .intro {
  16. text-align: left;
  17. }
  18. .icon {
  19. margin: 10px;
  20. width: 16px;
  21. height: 16px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="container">
  27. <p class='intro'>
  28. Make sure to run this through a web server otherwise you won&rsquo;t see any icons. You can use <a href="https://github.com/visionmedia/serve">Serve</a> for local testing.
  29. </p>
  30. <svg class="icon">
  31. <use xlink:href="open-iconic.svg#account-login"></use>
  32. </svg>
  33. <svg viewBox="0 0 8 8" class="icon">
  34. <use xlink:href="open-iconic.svg#account-logout"></use>
  35. </svg>
  36. <svg viewBox="0 0 8 8" class="icon">
  37. <use xlink:href="open-iconic.svg#action-redo"></use>
  38. </svg>
  39. <svg viewBox="0 0 8 8" class="icon">
  40. <use xlink:href="open-iconic.svg#action-undo"></use>
  41. </svg>
  42. <svg viewBox="0 0 8 8" class="icon">
  43. <use xlink:href="open-iconic.svg#align-center"></use>
  44. </svg>
  45. <svg viewBox="0 0 8 8" class="icon">
  46. <use xlink:href="open-iconic.svg#align-left"></use>
  47. </svg>
  48. <svg viewBox="0 0 8 8" class="icon">
  49. <use xlink:href="open-iconic.svg#align-right"></use>
  50. </svg>
  51. <svg viewBox="0 0 8 8" class="icon">
  52. <use xlink:href="open-iconic.svg#aperture"></use>
  53. </svg>
  54. <svg viewBox="0 0 8 8" class="icon">
  55. <use xlink:href="open-iconic.svg#arrow-bottom"></use>
  56. </svg>
  57. <svg viewBox="0 0 8 8" class="icon">
  58. <use xlink:href="open-iconic.svg#arrow-circle-bottom"></use>
  59. </svg>
  60. <svg viewBox="0 0 8 8" class="icon">
  61. <use xlink:href="open-iconic.svg#arrow-circle-left"></use>
  62. </svg>
  63. <svg viewBox="0 0 8 8" class="icon">
  64. <use xlink:href="open-iconic.svg#arrow-circle-right"></use>
  65. </svg>
  66. <svg viewBox="0 0 8 8" class="icon">
  67. <use xlink:href="open-iconic.svg#arrow-circle-top"></use>
  68. </svg>
  69. <svg viewBox="0 0 8 8" class="icon">
  70. <use xlink:href="open-iconic.svg#arrow-left"></use>
  71. </svg>
  72. <svg viewBox="0 0 8 8" class="icon">
  73. <use xlink:href="open-iconic.svg#arrow-right"></use>
  74. </svg>
  75. <svg viewBox="0 0 8 8" class="icon">
  76. <use xlink:href="open-iconic.svg#arrow-thick-bottom"></use>
  77. </svg>
  78. <svg viewBox="0 0 8 8" class="icon">
  79. <use xlink:href="open-iconic.svg#arrow-thick-left"></use>
  80. </svg>
  81. <svg viewBox="0 0 8 8" class="icon">
  82. <use xlink:href="open-iconic.svg#arrow-thick-right"></use>
  83. </svg>
  84. <svg viewBox="0 0 8 8" class="icon">
  85. <use xlink:href="open-iconic.svg#arrow-thick-top"></use>
  86. </svg>
  87. <svg viewBox="0 0 8 8" class="icon">
  88. <use xlink:href="open-iconic.svg#arrow-top"></use>
  89. </svg>
  90. <svg viewBox="0 0 8 8" class="icon">
  91. <use xlink:href="open-iconic.svg#audio-spectrum"></use>
  92. </svg>
  93. <svg viewBox="0 0 8 8" class="icon">
  94. <use xlink:href="open-iconic.svg#audio"></use>
  95. </svg>
  96. <svg viewBox="0 0 8 8" class="icon">
  97. <use xlink:href="open-iconic.svg#badge"></use>
  98. </svg>
  99. <svg viewBox="0 0 8 8" class="icon">
  100. <use xlink:href="open-iconic.svg#ban"></use>
  101. </svg>
  102. <svg viewBox="0 0 8 8" class="icon">
  103. <use xlink:href="open-iconic.svg#bar-chart"></use>
  104. </svg>
  105. <svg viewBox="0 0 8 8" class="icon">
  106. <use xlink:href="open-iconic.svg#basket"></use>
  107. </svg>
  108. <svg viewBox="0 0 8 8" class="icon">
  109. <use xlink:href="open-iconic.svg#battery-empty"></use>
  110. </svg>
  111. <svg viewBox="0 0 8 8" class="icon">
  112. <use xlink:href="open-iconic.svg#battery-full"></use>
  113. </svg>
  114. <svg viewBox="0 0 8 8" class="icon">
  115. <use xlink:href="open-iconic.svg#beaker"></use>
  116. </svg>
  117. <svg viewBox="0 0 8 8" class="icon">
  118. <use xlink:href="open-iconic.svg#bell"></use>
  119. </svg>
  120. <svg viewBox="0 0 8 8" class="icon">
  121. <use xlink:href="open-iconic.svg#bluetooth"></use>
  122. </svg>
  123. <svg viewBox="0 0 8 8" class="icon">
  124. <use xlink:href="open-iconic.svg#bold"></use>
  125. </svg>
  126. <svg viewBox="0 0 8 8" class="icon">
  127. <use xlink:href="open-iconic.svg#bolt"></use>
  128. </svg>
  129. <svg viewBox="0 0 8 8" class="icon">
  130. <use xlink:href="open-iconic.svg#book"></use>
  131. </svg>
  132. <svg viewBox="0 0 8 8" class="icon">
  133. <use xlink:href="open-iconic.svg#bookmark"></use>
  134. </svg>
  135. <svg viewBox="0 0 8 8" class="icon">
  136. <use xlink:href="open-iconic.svg#box"></use>
  137. </svg>
  138. <svg viewBox="0 0 8 8" class="icon">
  139. <use xlink:href="open-iconic.svg#briefcase"></use>
  140. </svg>
  141. <svg viewBox="0 0 8 8" class="icon">
  142. <use xlink:href="open-iconic.svg#british-pound"></use>
  143. </svg>
  144. <svg viewBox="0 0 8 8" class="icon">
  145. <use xlink:href="open-iconic.svg#browser"></use>
  146. </svg>
  147. <svg viewBox="0 0 8 8" class="icon">
  148. <use xlink:href="open-iconic.svg#brush"></use>
  149. </svg>
  150. <svg viewBox="0 0 8 8" class="icon">
  151. <use xlink:href="open-iconic.svg#bug"></use>
  152. </svg>
  153. <svg viewBox="0 0 8 8" class="icon">
  154. <use xlink:href="open-iconic.svg#bullhorn"></use>
  155. </svg>
  156. <svg viewBox="0 0 8 8" class="icon">
  157. <use xlink:href="open-iconic.svg#calculator"></use>
  158. </svg>
  159. <svg viewBox="0 0 8 8" class="icon">
  160. <use xlink:href="open-iconic.svg#calendar"></use>
  161. </svg>
  162. <svg viewBox="0 0 8 8" class="icon">
  163. <use xlink:href="open-iconic.svg#camera-slr"></use>
  164. </svg>
  165. <svg viewBox="0 0 8 8" class="icon">
  166. <use xlink:href="open-iconic.svg#caret-bottom"></use>
  167. </svg>
  168. <svg viewBox="0 0 8 8" class="icon">
  169. <use xlink:href="open-iconic.svg#caret-left"></use>
  170. </svg>
  171. <svg viewBox="0 0 8 8" class="icon">
  172. <use xlink:href="open-iconic.svg#caret-right"></use>
  173. </svg>
  174. <svg viewBox="0 0 8 8" class="icon">
  175. <use xlink:href="open-iconic.svg#caret-top"></use>
  176. </svg>
  177. <svg viewBox="0 0 8 8" class="icon">
  178. <use xlink:href="open-iconic.svg#cart"></use>
  179. </svg>
  180. <svg viewBox="0 0 8 8" class="icon">
  181. <use xlink:href="open-iconic.svg#chat"></use>
  182. </svg>
  183. <svg viewBox="0 0 8 8" class="icon">
  184. <use xlink:href="open-iconic.svg#check"></use>
  185. </svg>
  186. <svg viewBox="0 0 8 8" class="icon">
  187. <use xlink:href="open-iconic.svg#chevron-bottom"></use>
  188. </svg>
  189. <svg viewBox="0 0 8 8" class="icon">
  190. <use xlink:href="open-iconic.svg#chevron-left"></use>
  191. </svg>
  192. <svg viewBox="0 0 8 8" class="icon">
  193. <use xlink:href="open-iconic.svg#chevron-right"></use>
  194. </svg>
  195. <svg viewBox="0 0 8 8" class="icon">
  196. <use xlink:href="open-iconic.svg#chevron-top"></use>
  197. </svg>
  198. <svg viewBox="0 0 8 8" class="icon">
  199. <use xlink:href="open-iconic.svg#circle-check"></use>
  200. </svg>
  201. <svg viewBox="0 0 8 8" class="icon">
  202. <use xlink:href="open-iconic.svg#circle-x"></use>
  203. </svg>
  204. <svg viewBox="0 0 8 8" class="icon">
  205. <use xlink:href="open-iconic.svg#clipboard"></use>
  206. </svg>
  207. <svg viewBox="0 0 8 8" class="icon">
  208. <use xlink:href="open-iconic.svg#clock"></use>
  209. </svg>
  210. <svg viewBox="0 0 8 8" class="icon">
  211. <use xlink:href="open-iconic.svg#cloud-download"></use>
  212. </svg>
  213. <svg viewBox="0 0 8 8" class="icon">
  214. <use xlink:href="open-iconic.svg#cloud-upload"></use>
  215. </svg>
  216. <svg viewBox="0 0 8 8" class="icon">
  217. <use xlink:href="open-iconic.svg#cloud"></use>
  218. </svg>
  219. <svg viewBox="0 0 8 8" class="icon">
  220. <use xlink:href="open-iconic.svg#cloudy"></use>
  221. </svg>
  222. <svg viewBox="0 0 8 8" class="icon">
  223. <use xlink:href="open-iconic.svg#code"></use>
  224. </svg>
  225. <svg viewBox="0 0 8 8" class="icon">
  226. <use xlink:href="open-iconic.svg#cog"></use>
  227. </svg>
  228. <svg viewBox="0 0 8 8" class="icon">
  229. <use xlink:href="open-iconic.svg#collapse-down"></use>
  230. </svg>
  231. <svg viewBox="0 0 8 8" class="icon">
  232. <use xlink:href="open-iconic.svg#collapse-left"></use>
  233. </svg>
  234. <svg viewBox="0 0 8 8" class="icon">
  235. <use xlink:href="open-iconic.svg#collapse-right"></use>
  236. </svg>
  237. <svg viewBox="0 0 8 8" class="icon">
  238. <use xlink:href="open-iconic.svg#collapse-up"></use>
  239. </svg>
  240. <svg viewBox="0 0 8 8" class="icon">
  241. <use xlink:href="open-iconic.svg#command"></use>
  242. </svg>
  243. <svg viewBox="0 0 8 8" class="icon">
  244. <use xlink:href="open-iconic.svg#comment-square"></use>
  245. </svg>
  246. <svg viewBox="0 0 8 8" class="icon">
  247. <use xlink:href="open-iconic.svg#compass"></use>
  248. </svg>
  249. <svg viewBox="0 0 8 8" class="icon">
  250. <use xlink:href="open-iconic.svg#contrast"></use>
  251. </svg>
  252. <svg viewBox="0 0 8 8" class="icon">
  253. <use xlink:href="open-iconic.svg#copywriting"></use>
  254. </svg>
  255. <svg viewBox="0 0 8 8" class="icon">
  256. <use xlink:href="open-iconic.svg#credit-card"></use>
  257. </svg>
  258. <svg viewBox="0 0 8 8" class="icon">
  259. <use xlink:href="open-iconic.svg#crop"></use>
  260. </svg>
  261. <svg viewBox="0 0 8 8" class="icon">
  262. <use xlink:href="open-iconic.svg#dashboard"></use>
  263. </svg>
  264. <svg viewBox="0 0 8 8" class="icon">
  265. <use xlink:href="open-iconic.svg#data-transfer-download"></use>
  266. </svg>
  267. <svg viewBox="0 0 8 8" class="icon">
  268. <use xlink:href="open-iconic.svg#data-transfer-upload"></use>
  269. </svg>
  270. <svg viewBox="0 0 8 8" class="icon">
  271. <use xlink:href="open-iconic.svg#delete"></use>
  272. </svg>
  273. <svg viewBox="0 0 8 8" class="icon">
  274. <use xlink:href="open-iconic.svg#dial"></use>
  275. </svg>
  276. <svg viewBox="0 0 8 8" class="icon">
  277. <use xlink:href="open-iconic.svg#document"></use>
  278. </svg>
  279. <svg viewBox="0 0 8 8" class="icon">
  280. <use xlink:href="open-iconic.svg#dollar"></use>
  281. </svg>
  282. <svg viewBox="0 0 8 8" class="icon">
  283. <use xlink:href="open-iconic.svg#double-quote-sans-left"></use>
  284. </svg>
  285. <svg viewBox="0 0 8 8" class="icon">
  286. <use xlink:href="open-iconic.svg#double-quote-sans-right"></use>
  287. </svg>
  288. <svg viewBox="0 0 8 8" class="icon">
  289. <use xlink:href="open-iconic.svg#double-quote-serif-left"></use>
  290. </svg>
  291. <svg viewBox="0 0 8 8" class="icon">
  292. <use xlink:href="open-iconic.svg#double-quote-serif-right"></use>
  293. </svg>
  294. <svg viewBox="0 0 8 8" class="icon">
  295. <use xlink:href="open-iconic.svg#droplet"></use>
  296. </svg>
  297. <svg viewBox="0 0 8 8" class="icon">
  298. <use xlink:href="open-iconic.svg#eject"></use>
  299. </svg>
  300. <svg viewBox="0 0 8 8" class="icon">
  301. <use xlink:href="open-iconic.svg#elevator"></use>
  302. </svg>
  303. <svg viewBox="0 0 8 8" class="icon">
  304. <use xlink:href="open-iconic.svg#ellipses"></use>
  305. </svg>
  306. <svg viewBox="0 0 8 8" class="icon">
  307. <use xlink:href="open-iconic.svg#envelope-closed"></use>
  308. </svg>
  309. <svg viewBox="0 0 8 8" class="icon">
  310. <use xlink:href="open-iconic.svg#envelope-open"></use>
  311. </svg>
  312. <svg viewBox="0 0 8 8" class="icon">
  313. <use xlink:href="open-iconic.svg#euro"></use>
  314. </svg>
  315. <svg viewBox="0 0 8 8" class="icon">
  316. <use xlink:href="open-iconic.svg#excerpt"></use>
  317. </svg>
  318. <svg viewBox="0 0 8 8" class="icon">
  319. <use xlink:href="open-iconic.svg#expand-down"></use>
  320. </svg>
  321. <svg viewBox="0 0 8 8" class="icon">
  322. <use xlink:href="open-iconic.svg#expand-left"></use>
  323. </svg>
  324. <svg viewBox="0 0 8 8" class="icon">
  325. <use xlink:href="open-iconic.svg#expand-right"></use>
  326. </svg>
  327. <svg viewBox="0 0 8 8" class="icon">
  328. <use xlink:href="open-iconic.svg#expand-up"></use>
  329. </svg>
  330. <svg viewBox="0 0 8 8" class="icon">
  331. <use xlink:href="open-iconic.svg#external-link"></use>
  332. </svg>
  333. <svg viewBox="0 0 8 8" class="icon">
  334. <use xlink:href="open-iconic.svg#eye"></use>
  335. </svg>
  336. <svg viewBox="0 0 8 8" class="icon">
  337. <use xlink:href="open-iconic.svg#eyedropper"></use>
  338. </svg>
  339. <svg viewBox="0 0 8 8" class="icon">
  340. <use xlink:href="open-iconic.svg#file"></use>
  341. </svg>
  342. <svg viewBox="0 0 8 8" class="icon">
  343. <use xlink:href="open-iconic.svg#fire"></use>
  344. </svg>
  345. <svg viewBox="0 0 8 8" class="icon">
  346. <use xlink:href="open-iconic.svg#flag"></use>
  347. </svg>
  348. <svg viewBox="0 0 8 8" class="icon">
  349. <use xlink:href="open-iconic.svg#flash"></use>
  350. </svg>
  351. <svg viewBox="0 0 8 8" class="icon">
  352. <use xlink:href="open-iconic.svg#folder"></use>
  353. </svg>
  354. <svg viewBox="0 0 8 8" class="icon">
  355. <use xlink:href="open-iconic.svg#fork"></use>
  356. </svg>
  357. <svg viewBox="0 0 8 8" class="icon">
  358. <use xlink:href="open-iconic.svg#fullscreen-enter"></use>
  359. </svg>
  360. <svg viewBox="0 0 8 8" class="icon">
  361. <use xlink:href="open-iconic.svg#fullscreen-exit"></use>
  362. </svg>
  363. <svg viewBox="0 0 8 8" class="icon">
  364. <use xlink:href="open-iconic.svg#globe"></use>
  365. </svg>
  366. <svg viewBox="0 0 8 8" class="icon">
  367. <use xlink:href="open-iconic.svg#graph"></use>
  368. </svg>
  369. <svg viewBox="0 0 8 8" class="icon">
  370. <use xlink:href="open-iconic.svg#grid-four-up"></use>
  371. </svg>
  372. <svg viewBox="0 0 8 8" class="icon">
  373. <use xlink:href="open-iconic.svg#grid-three-up"></use>
  374. </svg>
  375. <svg viewBox="0 0 8 8" class="icon">
  376. <use xlink:href="open-iconic.svg#grid-two-up"></use>
  377. </svg>
  378. <svg viewBox="0 0 8 8" class="icon">
  379. <use xlink:href="open-iconic.svg#hard-drive"></use>
  380. </svg>
  381. <svg viewBox="0 0 8 8" class="icon">
  382. <use xlink:href="open-iconic.svg#header"></use>
  383. </svg>
  384. <svg viewBox="0 0 8 8" class="icon">
  385. <use xlink:href="open-iconic.svg#headphones"></use>
  386. </svg>
  387. <svg viewBox="0 0 8 8" class="icon">
  388. <use xlink:href="open-iconic.svg#heart"></use>
  389. </svg>
  390. <svg viewBox="0 0 8 8" class="icon">
  391. <use xlink:href="open-iconic.svg#home"></use>
  392. </svg>
  393. <svg viewBox="0 0 8 8" class="icon">
  394. <use xlink:href="open-iconic.svg#image"></use>
  395. </svg>
  396. <svg viewBox="0 0 8 8" class="icon">
  397. <use xlink:href="open-iconic.svg#inbox"></use>
  398. </svg>
  399. <svg viewBox="0 0 8 8" class="icon">
  400. <use xlink:href="open-iconic.svg#infinity"></use>
  401. </svg>
  402. <svg viewBox="0 0 8 8" class="icon">
  403. <use xlink:href="open-iconic.svg#info"></use>
  404. </svg>
  405. <svg viewBox="0 0 8 8" class="icon">
  406. <use xlink:href="open-iconic.svg#italic"></use>
  407. </svg>
  408. <svg viewBox="0 0 8 8" class="icon">
  409. <use xlink:href="open-iconic.svg#justify-center"></use>
  410. </svg>
  411. <svg viewBox="0 0 8 8" class="icon">
  412. <use xlink:href="open-iconic.svg#justify-left"></use>
  413. </svg>
  414. <svg viewBox="0 0 8 8" class="icon">
  415. <use xlink:href="open-iconic.svg#justify-right"></use>
  416. </svg>
  417. <svg viewBox="0 0 8 8" class="icon">
  418. <use xlink:href="open-iconic.svg#key"></use>
  419. </svg>
  420. <svg viewBox="0 0 8 8" class="icon">
  421. <use xlink:href="open-iconic.svg#laptop"></use>
  422. </svg>
  423. <svg viewBox="0 0 8 8" class="icon">
  424. <use xlink:href="open-iconic.svg#layers"></use>
  425. </svg>
  426. <svg viewBox="0 0 8 8" class="icon">
  427. <use xlink:href="open-iconic.svg#lightbulb"></use>
  428. </svg>
  429. <svg viewBox="0 0 8 8" class="icon">
  430. <use xlink:href="open-iconic.svg#link-broken"></use>
  431. </svg>
  432. <svg viewBox="0 0 8 8" class="icon">
  433. <use xlink:href="open-iconic.svg#link-intact"></use>
  434. </svg>
  435. <svg viewBox="0 0 8 8" class="icon">
  436. <use xlink:href="open-iconic.svg#list-rich"></use>
  437. </svg>
  438. <svg viewBox="0 0 8 8" class="icon">
  439. <use xlink:href="open-iconic.svg#list"></use>
  440. </svg>
  441. <svg viewBox="0 0 8 8" class="icon">
  442. <use xlink:href="open-iconic.svg#location"></use>
  443. </svg>
  444. <svg viewBox="0 0 8 8" class="icon">
  445. <use xlink:href="open-iconic.svg#lock-locked"></use>
  446. </svg>
  447. <svg viewBox="0 0 8 8" class="icon">
  448. <use xlink:href="open-iconic.svg#lock-unlocked"></use>
  449. </svg>
  450. <svg viewBox="0 0 8 8" class="icon">
  451. <use xlink:href="open-iconic.svg#loop-circular"></use>
  452. </svg>
  453. <svg viewBox="0 0 8 8" class="icon">
  454. <use xlink:href="open-iconic.svg#loop-square"></use>
  455. </svg>
  456. <svg viewBox="0 0 8 8" class="icon">
  457. <use xlink:href="open-iconic.svg#loop"></use>
  458. </svg>
  459. <svg viewBox="0 0 8 8" class="icon">
  460. <use xlink:href="open-iconic.svg#magnifying-glass"></use>
  461. </svg>
  462. <svg viewBox="0 0 8 8" class="icon">
  463. <use xlink:href="open-iconic.svg#map-marker"></use>
  464. </svg>
  465. <svg viewBox="0 0 8 8" class="icon">
  466. <use xlink:href="open-iconic.svg#map"></use>
  467. </svg>
  468. <svg viewBox="0 0 8 8" class="icon">
  469. <use xlink:href="open-iconic.svg#media-pause"></use>
  470. </svg>
  471. <svg viewBox="0 0 8 8" class="icon">
  472. <use xlink:href="open-iconic.svg#media-play"></use>
  473. </svg>
  474. <svg viewBox="0 0 8 8" class="icon">
  475. <use xlink:href="open-iconic.svg#media-record"></use>
  476. </svg>
  477. <svg viewBox="0 0 8 8" class="icon">
  478. <use xlink:href="open-iconic.svg#media-skip-backward"></use>
  479. </svg>
  480. <svg viewBox="0 0 8 8" class="icon">
  481. <use xlink:href="open-iconic.svg#media-skip-forward"></use>
  482. </svg>
  483. <svg viewBox="0 0 8 8" class="icon">
  484. <use xlink:href="open-iconic.svg#media-step-backward"></use>
  485. </svg>
  486. <svg viewBox="0 0 8 8" class="icon">
  487. <use xlink:href="open-iconic.svg#media-step-forward"></use>
  488. </svg>
  489. <svg viewBox="0 0 8 8" class="icon">
  490. <use xlink:href="open-iconic.svg#media-stop"></use>
  491. </svg>
  492. <svg viewBox="0 0 8 8" class="icon">
  493. <use xlink:href="open-iconic.svg#medical-cross"></use>
  494. </svg>
  495. <svg viewBox="0 0 8 8" class="icon">
  496. <use xlink:href="open-iconic.svg#menu"></use>
  497. </svg>
  498. <svg viewBox="0 0 8 8" class="icon">
  499. <use xlink:href="open-iconic.svg#microphone"></use>
  500. </svg>
  501. <svg viewBox="0 0 8 8" class="icon">
  502. <use xlink:href="open-iconic.svg#minus"></use>
  503. </svg>
  504. <svg viewBox="0 0 8 8" class="icon">
  505. <use xlink:href="open-iconic.svg#monitor"></use>
  506. </svg>
  507. <svg viewBox="0 0 8 8" class="icon">
  508. <use xlink:href="open-iconic.svg#moon"></use>
  509. </svg>
  510. <svg viewBox="0 0 8 8" class="icon">
  511. <use xlink:href="open-iconic.svg#move"></use>
  512. </svg>
  513. <svg viewBox="0 0 8 8" class="icon">
  514. <use xlink:href="open-iconic.svg#musical-note"></use>
  515. </svg>
  516. <svg viewBox="0 0 8 8" class="icon">
  517. <use xlink:href="open-iconic.svg#paperclip"></use>
  518. </svg>
  519. <svg viewBox="0 0 8 8" class="icon">
  520. <use xlink:href="open-iconic.svg#pencil"></use>
  521. </svg>
  522. <svg viewBox="0 0 8 8" class="icon">
  523. <use xlink:href="open-iconic.svg#people"></use>
  524. </svg>
  525. <svg viewBox="0 0 8 8" class="icon">
  526. <use xlink:href="open-iconic.svg#person"></use>
  527. </svg>
  528. <svg viewBox="0 0 8 8" class="icon">
  529. <use xlink:href="open-iconic.svg#phone"></use>
  530. </svg>
  531. <svg viewBox="0 0 8 8" class="icon">
  532. <use xlink:href="open-iconic.svg#pie-chart"></use>
  533. </svg>
  534. <svg viewBox="0 0 8 8" class="icon">
  535. <use xlink:href="open-iconic.svg#pin"></use>
  536. </svg>
  537. <svg viewBox="0 0 8 8" class="icon">
  538. <use xlink:href="open-iconic.svg#play-circle"></use>
  539. </svg>
  540. <svg viewBox="0 0 8 8" class="icon">
  541. <use xlink:href="open-iconic.svg#plus"></use>
  542. </svg>
  543. <svg viewBox="0 0 8 8" class="icon">
  544. <use xlink:href="open-iconic.svg#power-standby"></use>
  545. </svg>
  546. <svg viewBox="0 0 8 8" class="icon">
  547. <use xlink:href="open-iconic.svg#print"></use>
  548. </svg>
  549. <svg viewBox="0 0 8 8" class="icon">
  550. <use xlink:href="open-iconic.svg#project"></use>
  551. </svg>
  552. <svg viewBox="0 0 8 8" class="icon">
  553. <use xlink:href="open-iconic.svg#pulse"></use>
  554. </svg>
  555. <svg viewBox="0 0 8 8" class="icon">
  556. <use xlink:href="open-iconic.svg#puzzle-piece"></use>
  557. </svg>
  558. <svg viewBox="0 0 8 8" class="icon">
  559. <use xlink:href="open-iconic.svg#question-mark"></use>
  560. </svg>
  561. <svg viewBox="0 0 8 8" class="icon">
  562. <use xlink:href="open-iconic.svg#rain"></use>
  563. </svg>
  564. <svg viewBox="0 0 8 8" class="icon">
  565. <use xlink:href="open-iconic.svg#random"></use>
  566. </svg>
  567. <svg viewBox="0 0 8 8" class="icon">
  568. <use xlink:href="open-iconic.svg#reload"></use>
  569. </svg>
  570. <svg viewBox="0 0 8 8" class="icon">
  571. <use xlink:href="open-iconic.svg#resize-both"></use>
  572. </svg>
  573. <svg viewBox="0 0 8 8" class="icon">
  574. <use xlink:href="open-iconic.svg#resize-height"></use>
  575. </svg>
  576. <svg viewBox="0 0 8 8" class="icon">
  577. <use xlink:href="open-iconic.svg#resize-width"></use>
  578. </svg>
  579. <svg viewBox="0 0 8 8" class="icon">
  580. <use xlink:href="open-iconic.svg#rss-alt"></use>
  581. </svg>
  582. <svg viewBox="0 0 8 8" class="icon">
  583. <use xlink:href="open-iconic.svg#rss"></use>
  584. </svg>
  585. <svg viewBox="0 0 8 8" class="icon">
  586. <use xlink:href="open-iconic.svg#script"></use>
  587. </svg>
  588. <svg viewBox="0 0 8 8" class="icon">
  589. <use xlink:href="open-iconic.svg#share-boxed"></use>
  590. </svg>
  591. <svg viewBox="0 0 8 8" class="icon">
  592. <use xlink:href="open-iconic.svg#share"></use>
  593. </svg>
  594. <svg viewBox="0 0 8 8" class="icon">
  595. <use xlink:href="open-iconic.svg#shield"></use>
  596. </svg>
  597. <svg viewBox="0 0 8 8" class="icon">
  598. <use xlink:href="open-iconic.svg#signal"></use>
  599. </svg>
  600. <svg viewBox="0 0 8 8" class="icon">
  601. <use xlink:href="open-iconic.svg#signpost"></use>
  602. </svg>
  603. <svg viewBox="0 0 8 8" class="icon">
  604. <use xlink:href="open-iconic.svg#sort-ascending"></use>
  605. </svg>
  606. <svg viewBox="0 0 8 8" class="icon">
  607. <use xlink:href="open-iconic.svg#sort-descending"></use>
  608. </svg>
  609. <svg viewBox="0 0 8 8" class="icon">
  610. <use xlink:href="open-iconic.svg#spreadsheet"></use>
  611. </svg>
  612. <svg viewBox="0 0 8 8" class="icon">
  613. <use xlink:href="open-iconic.svg#star"></use>
  614. </svg>
  615. <svg viewBox="0 0 8 8" class="icon">
  616. <use xlink:href="open-iconic.svg#sun"></use>
  617. </svg>
  618. <svg viewBox="0 0 8 8" class="icon">
  619. <use xlink:href="open-iconic.svg#tablet"></use>
  620. </svg>
  621. <svg viewBox="0 0 8 8" class="icon">
  622. <use xlink:href="open-iconic.svg#tag"></use>
  623. </svg>
  624. <svg viewBox="0 0 8 8" class="icon">
  625. <use xlink:href="open-iconic.svg#tags"></use>
  626. </svg>
  627. <svg viewBox="0 0 8 8" class="icon">
  628. <use xlink:href="open-iconic.svg#target"></use>
  629. </svg>
  630. <svg viewBox="0 0 8 8" class="icon">
  631. <use xlink:href="open-iconic.svg#task"></use>
  632. </svg>
  633. <svg viewBox="0 0 8 8" class="icon">
  634. <use xlink:href="open-iconic.svg#terminal"></use>
  635. </svg>
  636. <svg viewBox="0 0 8 8" class="icon">
  637. <use xlink:href="open-iconic.svg#text"></use>
  638. </svg>
  639. <svg viewBox="0 0 8 8" class="icon">
  640. <use xlink:href="open-iconic.svg#thumb-down"></use>
  641. </svg>
  642. <svg viewBox="0 0 8 8" class="icon">
  643. <use xlink:href="open-iconic.svg#thumb-up"></use>
  644. </svg>
  645. <svg viewBox="0 0 8 8" class="icon">
  646. <use xlink:href="open-iconic.svg#timer"></use>
  647. </svg>
  648. <svg viewBox="0 0 8 8" class="icon">
  649. <use xlink:href="open-iconic.svg#transfer"></use>
  650. </svg>
  651. <svg viewBox="0 0 8 8" class="icon">
  652. <use xlink:href="open-iconic.svg#trash"></use>
  653. </svg>
  654. <svg viewBox="0 0 8 8" class="icon">
  655. <use xlink:href="open-iconic.svg#underline"></use>
  656. </svg>
  657. <svg viewBox="0 0 8 8" class="icon">
  658. <use xlink:href="open-iconic.svg#vertical-align-bottom"></use>
  659. </svg>
  660. <svg viewBox="0 0 8 8" class="icon">
  661. <use xlink:href="open-iconic.svg#vertical-align-center"></use>
  662. </svg>
  663. <svg viewBox="0 0 8 8" class="icon">
  664. <use xlink:href="open-iconic.svg#vertical-align-top"></use>
  665. </svg>
  666. <svg viewBox="0 0 8 8" class="icon">
  667. <use xlink:href="open-iconic.svg#video"></use>
  668. </svg>
  669. <svg viewBox="0 0 8 8" class="icon">
  670. <use xlink:href="open-iconic.svg#volume-high"></use>
  671. </svg>
  672. <svg viewBox="0 0 8 8" class="icon">
  673. <use xlink:href="open-iconic.svg#volume-low"></use>
  674. </svg>
  675. <svg viewBox="0 0 8 8" class="icon">
  676. <use xlink:href="open-iconic.svg#volume-off"></use>
  677. </svg>
  678. <svg viewBox="0 0 8 8" class="icon">
  679. <use xlink:href="open-iconic.svg#warning"></use>
  680. </svg>
  681. <svg viewBox="0 0 8 8" class="icon">
  682. <use xlink:href="open-iconic.svg#wifi"></use>
  683. </svg>
  684. <svg viewBox="0 0 8 8" class="icon">
  685. <use xlink:href="open-iconic.svg#wrench"></use>
  686. </svg>
  687. <svg viewBox="0 0 8 8" class="icon">
  688. <use xlink:href="open-iconic.svg#x"></use>
  689. </svg>
  690. <svg viewBox="0 0 8 8" class="icon">
  691. <use xlink:href="open-iconic.svg#yen"></use>
  692. </svg>
  693. <svg viewBox="0 0 8 8" class="icon">
  694. <use xlink:href="open-iconic.svg#zoom-in"></use>
  695. </svg>
  696. <svg viewBox="0 0 8 8" class="icon">
  697. <use xlink:href="open-iconic.svg#zoom-out"></use>
  698. </svg>
  699. </div>
  700. </body>
  701. </html>