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.

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