ui_icons.html 108 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897
  1. <div class="bg-light lter b-b wrapper-md">
  2. <h1 class="m-n font-thin h3">Icons</h1>
  3. </div>
  4. <div class="wrapper-md">
  5. <h3 class="font-thin m-t-xs">Simple Line Icons</h3>
  6. <div class="row list-icon">
  7. <div class="col-md-3 col-sm-4">
  8. <i class="icon-user"></i>
  9. icon-user
  10. </div>
  11. <div class="col-md-3 col-sm-4">
  12. <i class="icon-user-female"></i>
  13. icon-user-female
  14. </div>
  15. <div class="col-md-3 col-sm-4">
  16. <i class="icon-users"></i>
  17. icon-users
  18. </div>
  19. <div class="col-md-3 col-sm-4">
  20. <i class="icon-user-follow"></i>
  21. icon-user-follow
  22. </div>
  23. <div class="col-md-3 col-sm-4">
  24. <i class="icon-user-following"></i>
  25. icon-user-following
  26. </div>
  27. <div class="col-md-3 col-sm-4">
  28. <i class="icon-user-unfollow"></i>
  29. icon-user-unfollow
  30. </div>
  31. <div class="col-md-3 col-sm-4">
  32. <i class="icon-trophy"></i>
  33. icon-trophy
  34. </div>
  35. <div class="col-md-3 col-sm-4">
  36. <i class="icon-speedometer"></i>
  37. icon-speedometer
  38. </div>
  39. <div class="col-md-3 col-sm-4">
  40. <i class="icon-social-youtube"></i>
  41. icon-social-youtube
  42. </div>
  43. <div class="col-md-3 col-sm-4">
  44. <i class="icon-social-twitter"></i>
  45. icon-social-twitter
  46. </div>
  47. <div class="col-md-3 col-sm-4">
  48. <i class="icon-social-tumblr"></i>
  49. icon-social-tumblr
  50. </div>
  51. <div class="col-md-3 col-sm-4">
  52. <i class="icon-social-facebook"></i>
  53. icon-social-facebook
  54. </div>
  55. <div class="col-md-3 col-sm-4">
  56. <i class="icon-social-dropbox"></i>
  57. icon-social-dropbox
  58. </div>
  59. <div class="col-md-3 col-sm-4">
  60. <i class="icon-social-dribbble"></i>
  61. icon-social-dribbble
  62. </div>
  63. <div class="col-md-3 col-sm-4">
  64. <i class="icon-shield"></i>
  65. icon-shield
  66. </div>
  67. <div class="col-md-3 col-sm-4">
  68. <i class="icon-screen-tablet"></i>
  69. icon-screen-tablet
  70. </div>
  71. <div class="col-md-3 col-sm-4">
  72. <i class="icon-screen-smartphone"></i>
  73. icon-screen-smartphone
  74. </div>
  75. <div class="col-md-3 col-sm-4">
  76. <i class="icon-screen-desktop"></i>
  77. icon-screen-desktop
  78. </div>
  79. <div class="col-md-3 col-sm-4">
  80. <i class="icon-plane"></i>
  81. icon-plane
  82. </div>
  83. <div class="col-md-3 col-sm-4">
  84. <i class="icon-notebook"></i>
  85. icon-notebook
  86. </div>
  87. <div class="col-md-3 col-sm-4">
  88. <i class="icon-moustache"></i>
  89. icon-moustache
  90. </div>
  91. <div class="col-md-3 col-sm-4">
  92. <i class="icon-mouse"></i>
  93. icon-mouse
  94. </div>
  95. <div class="col-md-3 col-sm-4">
  96. <i class="icon-magnet"></i>
  97. icon-magnet
  98. </div>
  99. <div class="col-md-3 col-sm-4">
  100. <i class="icon-magic-wand"></i>
  101. icon-magic-wand
  102. </div>
  103. <div class="col-md-3 col-sm-4">
  104. <i class="icon-hourglass"></i>
  105. icon-hourglass
  106. </div>
  107. <div class="col-md-3 col-sm-4">
  108. <i class="icon-graduation"></i>
  109. icon-graduation
  110. </div>
  111. <div class="col-md-3 col-sm-4">
  112. <i class="icon-ghost"></i>
  113. icon-ghost
  114. </div>
  115. <div class="col-md-3 col-sm-4">
  116. <i class="icon-game-controller"></i>
  117. icon-game-controller
  118. </div>
  119. <div class="col-md-3 col-sm-4">
  120. <i class="icon-fire"></i>
  121. icon-fire
  122. </div>
  123. <div class="col-md-3 col-sm-4">
  124. <i class="icon-eyeglasses"></i>
  125. icon-eyeglasses
  126. </div>
  127. <div class="col-md-3 col-sm-4">
  128. <i class="icon-envelope-open"></i>
  129. icon-envelope-open
  130. </div>
  131. <div class="col-md-3 col-sm-4">
  132. <i class="icon-envelope-letter"></i>
  133. icon-envelope-letter
  134. </div>
  135. <div class="col-md-3 col-sm-4">
  136. <i class="icon-energy"></i>
  137. icon-energy
  138. </div>
  139. <div class="col-md-3 col-sm-4">
  140. <i class="icon-emoticon-smile"></i>
  141. icon-emoticon-smile
  142. </div>
  143. <div class="col-md-3 col-sm-4">
  144. <i class="icon-disc"></i>
  145. icon-disc
  146. </div>
  147. <div class="col-md-3 col-sm-4">
  148. <i class="icon-cursor-move"></i>
  149. icon-cursor-move
  150. </div>
  151. <div class="col-md-3 col-sm-4">
  152. <i class="icon-crop"></i>
  153. icon-crop
  154. </div>
  155. <div class="col-md-3 col-sm-4">
  156. <i class="icon-credit-card"></i>
  157. icon-credit-card
  158. </div>
  159. <div class="col-md-3 col-sm-4">
  160. <i class="icon-chemistry"></i>
  161. icon-chemistry
  162. </div>
  163. <div class="col-md-3 col-sm-4">
  164. <i class="icon-bell"></i>
  165. icon-bell
  166. </div>
  167. <div class="col-md-3 col-sm-4">
  168. <i class="icon-badge"></i>
  169. icon-badge
  170. </div>
  171. <div class="col-md-3 col-sm-4">
  172. <i class="icon-anchor"></i>
  173. icon-anchor
  174. </div>
  175. <div class="col-md-3 col-sm-4">
  176. <i class="icon-action-redo"></i>
  177. icon-action-redo
  178. </div>
  179. <div class="col-md-3 col-sm-4">
  180. <i class="icon-action-undo"></i>
  181. icon-action-undo
  182. </div>
  183. <div class="col-md-3 col-sm-4">
  184. <i class="icon-bag"></i>
  185. icon-bag
  186. </div>
  187. <div class="col-md-3 col-sm-4">
  188. <i class="icon-basket"></i>
  189. icon-basket
  190. </div>
  191. <div class="col-md-3 col-sm-4">
  192. <i class="icon-basket-loaded"></i>
  193. icon-basket-loaded
  194. </div>
  195. <div class="col-md-3 col-sm-4">
  196. <i class="icon-book-open"></i>
  197. icon-book-open
  198. </div>
  199. <div class="col-md-3 col-sm-4">
  200. <i class="icon-briefcase"></i>
  201. icon-briefcase
  202. </div>
  203. <div class="col-md-3 col-sm-4">
  204. <i class="icon-bubbles"></i>
  205. icon-bubbles
  206. </div>
  207. <div class="col-md-3 col-sm-4">
  208. <i class="icon-calculator"></i>
  209. icon-calculator
  210. </div>
  211. <div class="col-md-3 col-sm-4">
  212. <i class="icon-call-end"></i>
  213. icon-call-end
  214. </div>
  215. <div class="col-md-3 col-sm-4">
  216. <i class="icon-call-in"></i>
  217. icon-call-in
  218. </div>
  219. <div class="col-md-3 col-sm-4">
  220. <i class="icon-call-out"></i>
  221. icon-call-out
  222. </div>
  223. <div class="col-md-3 col-sm-4">
  224. <i class="icon-compass"></i>
  225. icon-compass
  226. </div>
  227. <div class="col-md-3 col-sm-4">
  228. <i class="icon-cup"></i>
  229. icon-cup
  230. </div>
  231. <div class="col-md-3 col-sm-4">
  232. <i class="icon-diamond"></i>
  233. icon-diamond
  234. </div>
  235. <div class="col-md-3 col-sm-4">
  236. <i class="icon-direction"></i>
  237. icon-direction
  238. </div>
  239. <div class="col-md-3 col-sm-4">
  240. <i class="icon-directions"></i>
  241. icon-directions
  242. </div>
  243. <div class="col-md-3 col-sm-4">
  244. <i class="icon-docs"></i>
  245. icon-docs
  246. </div>
  247. <div class="col-md-3 col-sm-4">
  248. <i class="icon-drawer"></i>
  249. icon-drawer
  250. </div>
  251. <div class="col-md-3 col-sm-4">
  252. <i class="icon-drop"></i>
  253. icon-drop
  254. </div>
  255. <div class="col-md-3 col-sm-4">
  256. <i class="icon-earphones"></i>
  257. icon-earphones
  258. </div>
  259. <div class="col-md-3 col-sm-4">
  260. <i class="icon-earphones-alt"></i>
  261. icon-earphones-alt
  262. </div>
  263. <div class="col-md-3 col-sm-4">
  264. <i class="icon-feed"></i>
  265. icon-feed
  266. </div>
  267. <div class="col-md-3 col-sm-4">
  268. <i class="icon-film"></i>
  269. icon-film
  270. </div>
  271. <div class="col-md-3 col-sm-4">
  272. <i class="icon-folder-alt"></i>
  273. icon-folder-alt
  274. </div>
  275. <div class="col-md-3 col-sm-4">
  276. <i class="icon-frame"></i>
  277. icon-frame
  278. </div>
  279. <div class="col-md-3 col-sm-4">
  280. <i class="icon-globe"></i>
  281. icon-globe
  282. </div>
  283. <div class="col-md-3 col-sm-4">
  284. <i class="icon-globe-alt"></i>
  285. icon-globe-alt
  286. </div>
  287. <div class="col-md-3 col-sm-4">
  288. <i class="icon-handbag"></i>
  289. icon-handbag
  290. </div>
  291. <div class="col-md-3 col-sm-4">
  292. <i class="icon-layers"></i>
  293. icon-layers
  294. </div>
  295. <div class="col-md-3 col-sm-4">
  296. <i class="icon-map"></i>
  297. icon-map
  298. </div>
  299. <div class="col-md-3 col-sm-4">
  300. <i class="icon-picture"></i>
  301. icon-picture
  302. </div>
  303. <div class="col-md-3 col-sm-4">
  304. <i class="icon-pin"></i>
  305. icon-pin
  306. </div>
  307. <div class="col-md-3 col-sm-4">
  308. <i class="icon-playlist"></i>
  309. icon-playlist
  310. </div>
  311. <div class="col-md-3 col-sm-4">
  312. <i class="icon-present"></i>
  313. icon-present
  314. </div>
  315. <div class="col-md-3 col-sm-4">
  316. <i class="icon-printer"></i>
  317. icon-printer
  318. </div>
  319. <div class="col-md-3 col-sm-4">
  320. <i class="icon-puzzle"></i>
  321. icon-puzzle
  322. </div>
  323. <div class="col-md-3 col-sm-4">
  324. <i class="icon-speech"></i>
  325. icon-speech
  326. </div>
  327. <div class="col-md-3 col-sm-4">
  328. <i class="icon-vector"></i>
  329. icon-vector
  330. </div>
  331. <div class="col-md-3 col-sm-4">
  332. <i class="icon-wallet"></i>
  333. icon-wallet
  334. </div>
  335. <div class="col-md-3 col-sm-4">
  336. <i class="icon-arrow-down"></i>
  337. icon-arrow-down
  338. </div>
  339. <div class="col-md-3 col-sm-4">
  340. <i class="icon-arrow-left"></i>
  341. icon-arrow-left
  342. </div>
  343. <div class="col-md-3 col-sm-4">
  344. <i class="icon-arrow-right"></i>
  345. icon-arrow-right
  346. </div>
  347. <div class="col-md-3 col-sm-4">
  348. <i class="icon-arrow-up"></i>
  349. icon-arrow-up
  350. </div>
  351. <div class="col-md-3 col-sm-4">
  352. <i class="icon-bar-chart"></i>
  353. icon-bar-chart
  354. </div>
  355. <div class="col-md-3 col-sm-4">
  356. <i class="icon-bulb"></i>
  357. icon-bulb
  358. </div>
  359. <div class="col-md-3 col-sm-4">
  360. <i class="icon-calendar"></i>
  361. icon-calendar
  362. </div>
  363. <div class="col-md-3 col-sm-4">
  364. <i class="icon-control-end"></i>
  365. icon-control-end
  366. </div>
  367. <div class="col-md-3 col-sm-4">
  368. <i class="icon-control-forward"></i>
  369. icon-control-forward
  370. </div>
  371. <div class="col-md-3 col-sm-4">
  372. <i class="icon-control-pause"></i>
  373. icon-control-pause
  374. </div>
  375. <div class="col-md-3 col-sm-4">
  376. <i class="icon-control-play"></i>
  377. icon-control-play
  378. </div>
  379. <div class="col-md-3 col-sm-4">
  380. <i class="icon-control-rewind"></i>
  381. icon-control-rewind
  382. </div>
  383. <div class="col-md-3 col-sm-4">
  384. <i class="icon-control-start"></i>
  385. icon-control-start
  386. </div>
  387. <div class="col-md-3 col-sm-4">
  388. <i class="icon-cursor"></i>
  389. icon-cursor
  390. </div>
  391. <div class="col-md-3 col-sm-4">
  392. <i class="icon-dislike"></i>
  393. icon-dislike
  394. </div>
  395. <div class="col-md-3 col-sm-4">
  396. <i class="icon-equalizer"></i>
  397. icon-equalizer
  398. </div>
  399. <div class="col-md-3 col-sm-4">
  400. <i class="icon-graph"></i>
  401. icon-graph
  402. </div>
  403. <div class="col-md-3 col-sm-4">
  404. <i class="icon-grid"></i>
  405. icon-grid
  406. </div>
  407. <div class="col-md-3 col-sm-4">
  408. <i class="icon-home"></i>
  409. icon-home
  410. </div>
  411. <div class="col-md-3 col-sm-4">
  412. <i class="icon-like"></i>
  413. icon-like
  414. </div>
  415. <div class="col-md-3 col-sm-4">
  416. <i class="icon-list"></i>
  417. icon-list
  418. </div>
  419. <div class="col-md-3 col-sm-4">
  420. <i class="icon-login"></i>
  421. icon-login
  422. </div>
  423. <div class="col-md-3 col-sm-4">
  424. <i class="icon-logout"></i>
  425. icon-logout
  426. </div>
  427. <div class="col-md-3 col-sm-4">
  428. <i class="icon-loop"></i>
  429. icon-loop
  430. </div>
  431. <div class="col-md-3 col-sm-4">
  432. <i class="icon-microphone"></i>
  433. icon-microphone
  434. </div>
  435. <div class="col-md-3 col-sm-4">
  436. <i class="icon-music-tone"></i>
  437. icon-music-tone
  438. </div>
  439. <div class="col-md-3 col-sm-4">
  440. <i class="icon-music-tone-alt"></i>
  441. icon-music-tone-alt
  442. </div>
  443. <div class="col-md-3 col-sm-4">
  444. <i class="icon-note"></i>
  445. icon-note
  446. </div>
  447. <div class="col-md-3 col-sm-4">
  448. <i class="icon-pencil"></i>
  449. icon-pencil
  450. </div>
  451. <div class="col-md-3 col-sm-4">
  452. <i class="icon-pie-chart"></i>
  453. icon-pie-chart
  454. </div>
  455. <div class="col-md-3 col-sm-4">
  456. <i class="icon-question"></i>
  457. icon-question
  458. </div>
  459. <div class="col-md-3 col-sm-4">
  460. <i class="icon-rocket"></i>
  461. icon-rocket
  462. </div>
  463. <div class="col-md-3 col-sm-4">
  464. <i class="icon-share"></i>
  465. icon-share
  466. </div>
  467. <div class="col-md-3 col-sm-4">
  468. <i class="icon-share-alt"></i>
  469. icon-share-alt
  470. </div>
  471. <div class="col-md-3 col-sm-4">
  472. <i class="icon-shuffle"></i>
  473. icon-shuffle
  474. </div>
  475. <div class="col-md-3 col-sm-4">
  476. <i class="icon-size-actual"></i>
  477. icon-size-actual
  478. </div>
  479. <div class="col-md-3 col-sm-4">
  480. <i class="icon-size-fullscreen"></i>
  481. icon-size-fullscreen
  482. </div>
  483. <div class="col-md-3 col-sm-4">
  484. <i class="icon-support"></i>
  485. icon-support
  486. </div>
  487. <div class="col-md-3 col-sm-4">
  488. <i class="icon-tag"></i>
  489. icon-tag
  490. </div>
  491. <div class="col-md-3 col-sm-4">
  492. <i class="icon-trash"></i>
  493. icon-trash
  494. </div>
  495. <div class="col-md-3 col-sm-4">
  496. <i class="icon-umbrella"></i>
  497. icon-umbrella
  498. </div>
  499. <div class="col-md-3 col-sm-4">
  500. <i class="icon-wrench"></i>
  501. icon-wrench
  502. </div>
  503. <div class="col-md-3 col-sm-4">
  504. <i class="icon-ban"></i>
  505. icon-ban
  506. </div>
  507. <div class="col-md-3 col-sm-4">
  508. <i class="icon-bubble"></i>
  509. icon-bubble
  510. </div>
  511. <div class="col-md-3 col-sm-4">
  512. <i class="icon-camcorder"></i>
  513. icon-camcorder
  514. </div>
  515. <div class="col-md-3 col-sm-4">
  516. <i class="icon-camera"></i>
  517. icon-camera
  518. </div>
  519. <div class="col-md-3 col-sm-4">
  520. <i class="icon-check"></i>
  521. icon-check
  522. </div>
  523. <div class="col-md-3 col-sm-4">
  524. <i class="icon-clock"></i>
  525. icon-clock
  526. </div>
  527. <div class="col-md-3 col-sm-4">
  528. <i class="icon-close"></i>
  529. icon-close
  530. </div>
  531. <div class="col-md-3 col-sm-4">
  532. <i class="icon-cloud-download"></i>
  533. icon-cloud-download
  534. </div>
  535. <div class="col-md-3 col-sm-4">
  536. <i class="icon-cloud-upload"></i>
  537. icon-cloud-upload
  538. </div>
  539. <div class="col-md-3 col-sm-4">
  540. <i class="icon-doc"></i>
  541. icon-doc
  542. </div>
  543. <div class="col-md-3 col-sm-4">
  544. <i class="icon-envelope"></i>
  545. icon-envelope
  546. </div>
  547. <div class="col-md-3 col-sm-4">
  548. <i class="icon-eye"></i>
  549. icon-eye
  550. </div>
  551. <div class="col-md-3 col-sm-4">
  552. <i class="icon-flag"></i>
  553. icon-flag
  554. </div>
  555. <div class="col-md-3 col-sm-4">
  556. <i class="icon-folder"></i>
  557. icon-folder
  558. </div>
  559. <div class="col-md-3 col-sm-4">
  560. <i class="icon-heart"></i>
  561. icon-heart
  562. </div>
  563. <div class="col-md-3 col-sm-4">
  564. <i class="icon-info"></i>
  565. icon-info
  566. </div>
  567. <div class="col-md-3 col-sm-4">
  568. <i class="icon-key"></i>
  569. icon-key
  570. </div>
  571. <div class="col-md-3 col-sm-4">
  572. <i class="icon-link"></i>
  573. icon-link
  574. </div>
  575. <div class="col-md-3 col-sm-4">
  576. <i class="icon-lock"></i>
  577. icon-lock
  578. </div>
  579. <div class="col-md-3 col-sm-4">
  580. <i class="icon-lock-open"></i>
  581. icon-lock-open
  582. </div>
  583. <div class="col-md-3 col-sm-4">
  584. <i class="icon-magnifier"></i>
  585. icon-magnifier
  586. </div>
  587. <div class="col-md-3 col-sm-4">
  588. <i class="icon-magnifier-add"></i>
  589. icon-magnifier-add
  590. </div>
  591. <div class="col-md-3 col-sm-4">
  592. <i class="icon-magnifier-remove"></i>
  593. icon-magnifier-remove
  594. </div>
  595. <div class="col-md-3 col-sm-4">
  596. <i class="icon-paper-clip"></i>
  597. icon-paper-clip
  598. </div>
  599. <div class="col-md-3 col-sm-4">
  600. <i class="icon-paper-plane"></i>
  601. icon-paper-plane
  602. </div>
  603. <div class="col-md-3 col-sm-4">
  604. <i class="icon-plus"></i>
  605. icon-plus
  606. </div>
  607. <div class="col-md-3 col-sm-4">
  608. <i class="icon-pointer"></i>
  609. icon-pointer
  610. </div>
  611. <div class="col-md-3 col-sm-4">
  612. <i class="icon-power"></i>
  613. icon-power
  614. </div>
  615. <div class="col-md-3 col-sm-4">
  616. <i class="icon-refresh"></i>
  617. icon-refresh
  618. </div>
  619. <div class="col-md-3 col-sm-4">
  620. <i class="icon-reload"></i>
  621. icon-reload
  622. </div>
  623. <div class="col-md-3 col-sm-4">
  624. <i class="icon-settings"></i>
  625. icon-settings
  626. </div>
  627. <div class="col-md-3 col-sm-4">
  628. <i class="icon-star"></i>
  629. icon-star
  630. </div>
  631. <div class="col-md-3 col-sm-4">
  632. <i class="icon-symbol-female"></i>
  633. icon-symbol-female
  634. </div>
  635. <div class="col-md-3 col-sm-4">
  636. <i class="icon-symbol-male"></i>
  637. icon-symbol-male
  638. </div>
  639. <div class="col-md-3 col-sm-4">
  640. <i class="icon-target"></i>
  641. icon-target
  642. </div>
  643. <div class="col-md-3 col-sm-4">
  644. <i class="icon-volume-1"></i>
  645. icon-volume-1
  646. </div>
  647. <div class="col-md-3 col-sm-4">
  648. <i class="icon-volume-2"></i>
  649. icon-volume-2
  650. </div>
  651. <div class="col-md-3 col-sm-4">
  652. <i class="icon-volume-off"></i>
  653. icon-volume-off
  654. </div>
  655. </div>
  656. <h3 class="font-thin">FontAwesome! <span class="label label-lg bg-info">4.2</span></h3>
  657. <p>Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.</p>
  658. <div>
  659. <section id="web-application">
  660. <h4 class="page-header">Web Application Icons</h4>
  661. <div class="row list-icon">
  662. <div class="col-md-3 col-sm-4"><i class="fa fa-adjust"></i> fa-adjust</div>
  663. <div class="col-md-3 col-sm-4"><i class="fa fa-anchor"></i> fa-anchor</div>
  664. <div class="col-md-3 col-sm-4"><i class="fa fa-archive"></i> fa-archive</div>
  665. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows</div>
  666. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h</div>
  667. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v</div>
  668. <div class="col-md-3 col-sm-4"><i class="fa fa-asterisk"></i> fa-asterisk</div>
  669. <div class="col-md-3 col-sm-4"><i class="fa fa-automobile"></i> fa-automobile <span class="text-muted">(alias)</span></div>
  670. <div class="col-md-3 col-sm-4"><i class="fa fa-ban"></i> fa-ban</div>
  671. <div class="col-md-3 col-sm-4"><i class="fa fa-bank"></i> fa-bank <span class="text-muted">(alias)</span></div>
  672. <div class="col-md-3 col-sm-4"><i class="fa fa-bar-chart-o"></i> fa-bar-chart-o</div>
  673. <div class="col-md-3 col-sm-4"><i class="fa fa-barcode"></i> fa-barcode</div>
  674. <div class="col-md-3 col-sm-4"><i class="fa fa-bars"></i> fa-bars</div>
  675. <div class="col-md-3 col-sm-4"><i class="fa fa-beer"></i> fa-beer</div>
  676. <div class="col-md-3 col-sm-4"><i class="fa fa-bell"></i> fa-bell</div>
  677. <div class="col-md-3 col-sm-4"><i class="fa fa-bell-o"></i> fa-bell-o</div>
  678. <div class="col-md-3 col-sm-4"><i class="fa fa-bolt"></i> fa-bolt</div>
  679. <div class="col-md-3 col-sm-4"><i class="fa fa-bomb"></i> fa-bomb</div>
  680. <div class="col-md-3 col-sm-4"><i class="fa fa-book"></i> fa-book</div>
  681. <div class="col-md-3 col-sm-4"><i class="fa fa-bookmark"></i> fa-bookmark</div>
  682. <div class="col-md-3 col-sm-4"><i class="fa fa-bookmark-o"></i> fa-bookmark-o</div>
  683. <div class="col-md-3 col-sm-4"><i class="fa fa-briefcase"></i> fa-briefcase</div>
  684. <div class="col-md-3 col-sm-4"><i class="fa fa-bug"></i> fa-bug</div>
  685. <div class="col-md-3 col-sm-4"><i class="fa fa-building"></i> fa-building</div>
  686. <div class="col-md-3 col-sm-4"><i class="fa fa-building-o"></i> fa-building-o</div>
  687. <div class="col-md-3 col-sm-4"><i class="fa fa-bullhorn"></i> fa-bullhorn</div>
  688. <div class="col-md-3 col-sm-4"><i class="fa fa-bullseye"></i> fa-bullseye</div>
  689. <div class="col-md-3 col-sm-4"><i class="fa fa-cab"></i> fa-cab <span class="text-muted">(alias)</span></div>
  690. <div class="col-md-3 col-sm-4"><i class="fa fa-calendar"></i> fa-calendar</div>
  691. <div class="col-md-3 col-sm-4"><i class="fa fa-calendar-o"></i> fa-calendar-o</div>
  692. <div class="col-md-3 col-sm-4"><i class="fa fa-camera"></i> fa-camera</div>
  693. <div class="col-md-3 col-sm-4"><i class="fa fa-camera-retro"></i> fa-camera-retro</div>
  694. <div class="col-md-3 col-sm-4"><i class="fa fa-car"></i> fa-car</div>
  695. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</div>
  696. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
  697. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</div>
  698. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</div>
  699. <div class="col-md-3 col-sm-4"><i class="fa fa-certificate"></i> fa-certificate</div>
  700. <div class="col-md-3 col-sm-4"><i class="fa fa-check"></i> fa-check</div>
  701. <div class="col-md-3 col-sm-4"><i class="fa fa-check-circle"></i> fa-check-circle</div>
  702. <div class="col-md-3 col-sm-4"><i class="fa fa-check-circle-o"></i> fa-check-circle-o</div>
  703. <div class="col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square</div>
  704. <div class="col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o</div>
  705. <div class="col-md-3 col-sm-4"><i class="fa fa-child"></i> fa-child</div>
  706. <div class="col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle</div>
  707. <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o</div>
  708. <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch</div>
  709. <div class="col-md-3 col-sm-4"><i class="fa fa-circle-thin"></i> fa-circle-thin</div>
  710. <div class="col-md-3 col-sm-4"><i class="fa fa-clock-o"></i> fa-clock-o</div>
  711. <div class="col-md-3 col-sm-4"><i class="fa fa-cloud"></i> fa-cloud</div>
  712. <div class="col-md-3 col-sm-4"><i class="fa fa-cloud-download"></i> fa-cloud-download</div>
  713. <div class="col-md-3 col-sm-4"><i class="fa fa-cloud-upload"></i> fa-cloud-upload</div>
  714. <div class="col-md-3 col-sm-4"><i class="fa fa-code"></i> fa-code</div>
  715. <div class="col-md-3 col-sm-4"><i class="fa fa-code-fork"></i> fa-code-fork</div>
  716. <div class="col-md-3 col-sm-4"><i class="fa fa-coffee"></i> fa-coffee</div>
  717. <div class="col-md-3 col-sm-4"><i class="fa fa-cog"></i> fa-cog</div>
  718. <div class="col-md-3 col-sm-4"><i class="fa fa-cogs"></i> fa-cogs</div>
  719. <div class="col-md-3 col-sm-4"><i class="fa fa-comment"></i> fa-comment</div>
  720. <div class="col-md-3 col-sm-4"><i class="fa fa-comment-o"></i> fa-comment-o</div>
  721. <div class="col-md-3 col-sm-4"><i class="fa fa-comments"></i> fa-comments</div>
  722. <div class="col-md-3 col-sm-4"><i class="fa fa-comments-o"></i> fa-comments-o</div>
  723. <div class="col-md-3 col-sm-4"><i class="fa fa-compass"></i> fa-compass</div>
  724. <div class="col-md-3 col-sm-4"><i class="fa fa-credit-card"></i> fa-credit-card</div>
  725. <div class="col-md-3 col-sm-4"><i class="fa fa-crop"></i> fa-crop</div>
  726. <div class="col-md-3 col-sm-4"><i class="fa fa-crosshairs"></i> fa-crosshairs</div>
  727. <div class="col-md-3 col-sm-4"><i class="fa fa-cube"></i> fa-cube</div>
  728. <div class="col-md-3 col-sm-4"><i class="fa fa-cubes"></i> fa-cubes</div>
  729. <div class="col-md-3 col-sm-4"><i class="fa fa-cutlery"></i> fa-cutlery</div>
  730. <div class="col-md-3 col-sm-4"><i class="fa fa-dashboard"></i> fa-dashboard <span class="text-muted">(alias)</span></div>
  731. <div class="col-md-3 col-sm-4"><i class="fa fa-database"></i> fa-database</div>
  732. <div class="col-md-3 col-sm-4"><i class="fa fa-desktop"></i> fa-desktop</div>
  733. <div class="col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</div>
  734. <div class="col-md-3 col-sm-4"><i class="fa fa-download"></i> fa-download</div>
  735. <div class="col-md-3 col-sm-4"><i class="fa fa-edit"></i> fa-edit <span class="text-muted">(alias)</span></div>
  736. <div class="col-md-3 col-sm-4"><i class="fa fa-ellipsis-h"></i> fa-ellipsis-h</div>
  737. <div class="col-md-3 col-sm-4"><i class="fa fa-ellipsis-v"></i> fa-ellipsis-v</div>
  738. <div class="col-md-3 col-sm-4"><i class="fa fa-envelope"></i> fa-envelope</div>
  739. <div class="col-md-3 col-sm-4"><i class="fa fa-envelope-o"></i> fa-envelope-o</div>
  740. <div class="col-md-3 col-sm-4"><i class="fa fa-envelope-square"></i> fa-envelope-square</div>
  741. <div class="col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser</div>
  742. <div class="col-md-3 col-sm-4"><i class="fa fa-exchange"></i> fa-exchange</div>
  743. <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation"></i> fa-exclamation</div>
  744. <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation-circle"></i> fa-exclamation-circle</div>
  745. <div class="col-md-3 col-sm-4"><i class="fa fa-exclamation-triangle"></i> fa-exclamation-triangle</div>
  746. <div class="col-md-3 col-sm-4"><i class="fa fa-external-link"></i> fa-external-link</div>
  747. <div class="col-md-3 col-sm-4"><i class="fa fa-external-link-square"></i> fa-external-link-square</div>
  748. <div class="col-md-3 col-sm-4"><i class="fa fa-eye"></i> fa-eye</div>
  749. <div class="col-md-3 col-sm-4"><i class="fa fa-eye-slash"></i> fa-eye-slash</div>
  750. <div class="col-md-3 col-sm-4"><i class="fa fa-fax"></i> fa-fax</div>
  751. <div class="col-md-3 col-sm-4"><i class="fa fa-female"></i> fa-female</div>
  752. <div class="col-md-3 col-sm-4"><i class="fa fa-fighter-jet"></i> fa-fighter-jet</div>
  753. <div class="col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</div>
  754. <div class="col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</div>
  755. <div class="col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o</div>
  756. <div class="col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</div>
  757. <div class="col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o</div>
  758. <div class="col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span></div>
  759. <div class="col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</div>
  760. <div class="col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span></div>
  761. <div class="col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span></div>
  762. <div class="col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</div>
  763. <div class="col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span></div>
  764. <div class="col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o</div>
  765. <div class="col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o</div>
  766. <div class="col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span></div>
  767. <div class="col-md-3 col-sm-4"><i class="fa fa-film"></i> fa-film</div>
  768. <div class="col-md-3 col-sm-4"><i class="fa fa-filter"></i> fa-filter</div>
  769. <div class="col-md-3 col-sm-4"><i class="fa fa-fire"></i> fa-fire</div>
  770. <div class="col-md-3 col-sm-4"><i class="fa fa-fire-extinguisher"></i> fa-fire-extinguisher</div>
  771. <div class="col-md-3 col-sm-4"><i class="fa fa-flag"></i> fa-flag</div>
  772. <div class="col-md-3 col-sm-4"><i class="fa fa-flag-checkered"></i> fa-flag-checkered</div>
  773. <div class="col-md-3 col-sm-4"><i class="fa fa-flag-o"></i> fa-flag-o</div>
  774. <div class="col-md-3 col-sm-4"><i class="fa fa-flash"></i> fa-flash <span class="text-muted">(alias)</span></div>
  775. <div class="col-md-3 col-sm-4"><i class="fa fa-flask"></i> fa-flask</div>
  776. <div class="col-md-3 col-sm-4"><i class="fa fa-folder"></i> fa-folder</div>
  777. <div class="col-md-3 col-sm-4"><i class="fa fa-folder-o"></i> fa-folder-o</div>
  778. <div class="col-md-3 col-sm-4"><i class="fa fa-folder-open"></i> fa-folder-open</div>
  779. <div class="col-md-3 col-sm-4"><i class="fa fa-folder-open-o"></i> fa-folder-open-o</div>
  780. <div class="col-md-3 col-sm-4"><i class="fa fa-frown-o"></i> fa-frown-o</div>
  781. <div class="col-md-3 col-sm-4"><i class="fa fa-gamepad"></i> fa-gamepad</div>
  782. <div class="col-md-3 col-sm-4"><i class="fa fa-gavel"></i> fa-gavel</div>
  783. <div class="col-md-3 col-sm-4"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></div>
  784. <div class="col-md-3 col-sm-4"><i class="fa fa-gears"></i> fa-gears <span class="text-muted">(alias)</span></div>
  785. <div class="col-md-3 col-sm-4"><i class="fa fa-gift"></i> fa-gift</div>
  786. <div class="col-md-3 col-sm-4"><i class="fa fa-glass"></i> fa-glass</div>
  787. <div class="col-md-3 col-sm-4"><i class="fa fa-globe"></i> fa-globe</div>
  788. <div class="col-md-3 col-sm-4"><i class="fa fa-graduation-cap"></i> fa-graduation-cap</div>
  789. <div class="col-md-3 col-sm-4"><i class="fa fa-group"></i> fa-group <span class="text-muted">(alias)</span></div>
  790. <div class="col-md-3 col-sm-4"><i class="fa fa-hdd-o"></i> fa-hdd-o</div>
  791. <div class="col-md-3 col-sm-4"><i class="fa fa-headphones"></i> fa-headphones</div>
  792. <div class="col-md-3 col-sm-4"><i class="fa fa-heart"></i> fa-heart</div>
  793. <div class="col-md-3 col-sm-4"><i class="fa fa-heart-o"></i> fa-heart-o</div>
  794. <div class="col-md-3 col-sm-4"><i class="fa fa-history"></i> fa-history</div>
  795. <div class="col-md-3 col-sm-4"><i class="fa fa-home"></i> fa-home</div>
  796. <div class="col-md-3 col-sm-4"><i class="fa fa-image"></i> fa-image <span class="text-muted">(alias)</span></div>
  797. <div class="col-md-3 col-sm-4"><i class="fa fa-inbox"></i> fa-inbox</div>
  798. <div class="col-md-3 col-sm-4"><i class="fa fa-info"></i> fa-info</div>
  799. <div class="col-md-3 col-sm-4"><i class="fa fa-info-circle"></i> fa-info-circle</div>
  800. <div class="col-md-3 col-sm-4"><i class="fa fa-institution"></i> fa-institution <span class="text-muted">(alias)</span></div>
  801. <div class="col-md-3 col-sm-4"><i class="fa fa-key"></i> fa-key</div>
  802. <div class="col-md-3 col-sm-4"><i class="fa fa-keyboard-o"></i> fa-keyboard-o</div>
  803. <div class="col-md-3 col-sm-4"><i class="fa fa-language"></i> fa-language</div>
  804. <div class="col-md-3 col-sm-4"><i class="fa fa-laptop"></i> fa-laptop</div>
  805. <div class="col-md-3 col-sm-4"><i class="fa fa-leaf"></i> fa-leaf</div>
  806. <div class="col-md-3 col-sm-4"><i class="fa fa-legal"></i> fa-legal <span class="text-muted">(alias)</span></div>
  807. <div class="col-md-3 col-sm-4"><i class="fa fa-lemon-o"></i> fa-lemon-o</div>
  808. <div class="col-md-3 col-sm-4"><i class="fa fa-level-down"></i> fa-level-down</div>
  809. <div class="col-md-3 col-sm-4"><i class="fa fa-level-up"></i> fa-level-up</div>
  810. <div class="col-md-3 col-sm-4"><i class="fa fa-life-bouy"></i> fa-life-bouy <span class="text-muted">(alias)</span></div>
  811. <div class="col-md-3 col-sm-4"><i class="fa fa-life-ring"></i> fa-life-ring</div>
  812. <div class="col-md-3 col-sm-4"><i class="fa fa-life-saver"></i> fa-life-saver <span class="text-muted">(alias)</span></div>
  813. <div class="col-md-3 col-sm-4"><i class="fa fa-lightbulb-o"></i> fa-lightbulb-o</div>
  814. <div class="col-md-3 col-sm-4"><i class="fa fa-location-arrow"></i> fa-location-arrow</div>
  815. <div class="col-md-3 col-sm-4"><i class="fa fa-lock"></i> fa-lock</div>
  816. <div class="col-md-3 col-sm-4"><i class="fa fa-magic"></i> fa-magic</div>
  817. <div class="col-md-3 col-sm-4"><i class="fa fa-magnet"></i> fa-magnet</div>
  818. <div class="col-md-3 col-sm-4"><i class="fa fa-mail-forward"></i> fa-mail-forward <span class="text-muted">(alias)</span></div>
  819. <div class="col-md-3 col-sm-4"><i class="fa fa-mail-reply"></i> fa-mail-reply <span class="text-muted">(alias)</span></div>
  820. <div class="col-md-3 col-sm-4"><i class="fa fa-mail-reply-all"></i> fa-mail-reply-all <span class="text-muted">(alias)</span></div>
  821. <div class="col-md-3 col-sm-4"><i class="fa fa-male"></i> fa-male</div>
  822. <div class="col-md-3 col-sm-4"><i class="fa fa-map-marker"></i> fa-map-marker</div>
  823. <div class="col-md-3 col-sm-4"><i class="fa fa-meh-o"></i> fa-meh-o</div>
  824. <div class="col-md-3 col-sm-4"><i class="fa fa-microphone"></i> fa-microphone</div>
  825. <div class="col-md-3 col-sm-4"><i class="fa fa-microphone-slash"></i> fa-microphone-slash</div>
  826. <div class="col-md-3 col-sm-4"><i class="fa fa-minus"></i> fa-minus</div>
  827. <div class="col-md-3 col-sm-4"><i class="fa fa-minus-circle"></i> fa-minus-circle</div>
  828. <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square</div>
  829. <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</div>
  830. <div class="col-md-3 col-sm-4"><i class="fa fa-mobile"></i> fa-mobile</div>
  831. <div class="col-md-3 col-sm-4"><i class="fa fa-mobile-phone"></i> fa-mobile-phone <span class="text-muted">(alias)</span></div>
  832. <div class="col-md-3 col-sm-4"><i class="fa fa-money"></i> fa-money</div>
  833. <div class="col-md-3 col-sm-4"><i class="fa fa-moon-o"></i> fa-moon-o</div>
  834. <div class="col-md-3 col-sm-4"><i class="fa fa-mortar-board"></i> fa-mortar-board <span class="text-muted">(alias)</span></div>
  835. <div class="col-md-3 col-sm-4"><i class="fa fa-music"></i> fa-music</div>
  836. <div class="col-md-3 col-sm-4"><i class="fa fa-navicon"></i> fa-navicon <span class="text-muted">(alias)</span></div>
  837. <div class="col-md-3 col-sm-4"><i class="fa fa-paper-plane"></i> fa-paper-plane</div>
  838. <div class="col-md-3 col-sm-4"><i class="fa fa-paper-plane-o"></i> fa-paper-plane-o</div>
  839. <div class="col-md-3 col-sm-4"><i class="fa fa-paw"></i> fa-paw</div>
  840. <div class="col-md-3 col-sm-4"><i class="fa fa-pencil"></i> fa-pencil</div>
  841. <div class="col-md-3 col-sm-4"><i class="fa fa-pencil-square"></i> fa-pencil-square</div>
  842. <div class="col-md-3 col-sm-4"><i class="fa fa-pencil-square-o"></i> fa-pencil-square-o</div>
  843. <div class="col-md-3 col-sm-4"><i class="fa fa-phone"></i> fa-phone</div>
  844. <div class="col-md-3 col-sm-4"><i class="fa fa-phone-square"></i> fa-phone-square</div>
  845. <div class="col-md-3 col-sm-4"><i class="fa fa-photo"></i> fa-photo <span class="text-muted">(alias)</span></div>
  846. <div class="col-md-3 col-sm-4"><i class="fa fa-picture-o"></i> fa-picture-o</div>
  847. <div class="col-md-3 col-sm-4"><i class="fa fa-plane"></i> fa-plane</div>
  848. <div class="col-md-3 col-sm-4"><i class="fa fa-plus"></i> fa-plus</div>
  849. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-circle"></i> fa-plus-circle</div>
  850. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>
  851. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</div>
  852. <div class="col-md-3 col-sm-4"><i class="fa fa-power-off"></i> fa-power-off</div>
  853. <div class="col-md-3 col-sm-4"><i class="fa fa-print"></i> fa-print</div>
  854. <div class="col-md-3 col-sm-4"><i class="fa fa-puzzle-piece"></i> fa-puzzle-piece</div>
  855. <div class="col-md-3 col-sm-4"><i class="fa fa-qrcode"></i> fa-qrcode</div>
  856. <div class="col-md-3 col-sm-4"><i class="fa fa-question"></i> fa-question</div>
  857. <div class="col-md-3 col-sm-4"><i class="fa fa-question-circle"></i> fa-question-circle</div>
  858. <div class="col-md-3 col-sm-4"><i class="fa fa-quote-left"></i> fa-quote-left</div>
  859. <div class="col-md-3 col-sm-4"><i class="fa fa-quote-right"></i> fa-quote-right</div>
  860. <div class="col-md-3 col-sm-4"><i class="fa fa-random"></i> fa-random</div>
  861. <div class="col-md-3 col-sm-4"><i class="fa fa-recycle"></i> fa-recycle</div>
  862. <div class="col-md-3 col-sm-4"><i class="fa fa-refresh"></i> fa-refresh</div>
  863. <div class="col-md-3 col-sm-4"><i class="fa fa-reorder"></i> fa-reorder <span class="text-muted">(alias)</span></div>
  864. <div class="col-md-3 col-sm-4"><i class="fa fa-reply"></i> fa-reply</div>
  865. <div class="col-md-3 col-sm-4"><i class="fa fa-reply-all"></i> fa-reply-all</div>
  866. <div class="col-md-3 col-sm-4"><i class="fa fa-retweet"></i> fa-retweet</div>
  867. <div class="col-md-3 col-sm-4"><i class="fa fa-road"></i> fa-road</div>
  868. <div class="col-md-3 col-sm-4"><i class="fa fa-rocket"></i> fa-rocket</div>
  869. <div class="col-md-3 col-sm-4"><i class="fa fa-rss"></i> fa-rss</div>
  870. <div class="col-md-3 col-sm-4"><i class="fa fa-rss-square"></i> fa-rss-square</div>
  871. <div class="col-md-3 col-sm-4"><i class="fa fa-search"></i> fa-search</div>
  872. <div class="col-md-3 col-sm-4"><i class="fa fa-search-minus"></i> fa-search-minus</div>
  873. <div class="col-md-3 col-sm-4"><i class="fa fa-search-plus"></i> fa-search-plus</div>
  874. <div class="col-md-3 col-sm-4"><i class="fa fa-send"></i> fa-send <span class="text-muted">(alias)</span></div>
  875. <div class="col-md-3 col-sm-4"><i class="fa fa-send-o"></i> fa-send-o <span class="text-muted">(alias)</span></div>
  876. <div class="col-md-3 col-sm-4"><i class="fa fa-share"></i> fa-share</div>
  877. <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt</div>
  878. <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square</div>
  879. <div class="col-md-3 col-sm-4"><i class="fa fa-share-square"></i> fa-share-square</div>
  880. <div class="col-md-3 col-sm-4"><i class="fa fa-share-square-o"></i> fa-share-square-o</div>
  881. <div class="col-md-3 col-sm-4"><i class="fa fa-shield"></i> fa-shield</div>
  882. <div class="col-md-3 col-sm-4"><i class="fa fa-shopping-cart"></i> fa-shopping-cart</div>
  883. <div class="col-md-3 col-sm-4"><i class="fa fa-sign-in"></i> fa-sign-in</div>
  884. <div class="col-md-3 col-sm-4"><i class="fa fa-sign-out"></i> fa-sign-out</div>
  885. <div class="col-md-3 col-sm-4"><i class="fa fa-signal"></i> fa-signal</div>
  886. <div class="col-md-3 col-sm-4"><i class="fa fa-sitemap"></i> fa-sitemap</div>
  887. <div class="col-md-3 col-sm-4"><i class="fa fa-sliders"></i> fa-sliders</div>
  888. <div class="col-md-3 col-sm-4"><i class="fa fa-smile-o"></i> fa-smile-o</div>
  889. <div class="col-md-3 col-sm-4"><i class="fa fa-sort"></i> fa-sort</div>
  890. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-alpha-asc"></i> fa-sort-alpha-asc</div>
  891. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-alpha-desc"></i> fa-sort-alpha-desc</div>
  892. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-amount-asc"></i> fa-sort-amount-asc</div>
  893. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-amount-desc"></i> fa-sort-amount-desc</div>
  894. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-asc"></i> fa-sort-asc</div>
  895. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-desc"></i> fa-sort-desc</div>
  896. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-down"></i> fa-sort-down <span class="text-muted">(alias)</span></div>
  897. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-numeric-asc"></i> fa-sort-numeric-asc</div>
  898. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-numeric-desc"></i> fa-sort-numeric-desc</div>
  899. <div class="col-md-3 col-sm-4"><i class="fa fa-sort-up"></i> fa-sort-up <span class="text-muted">(alias)</span></div>
  900. <div class="col-md-3 col-sm-4"><i class="fa fa-space-shuttle"></i> fa-space-shuttle</div>
  901. <div class="col-md-3 col-sm-4"><i class="fa fa-spinner"></i> fa-spinner</div>
  902. <div class="col-md-3 col-sm-4"><i class="fa fa-spoon"></i> fa-spoon</div>
  903. <div class="col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square</div>
  904. <div class="col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o</div>
  905. <div class="col-md-3 col-sm-4"><i class="fa fa-star"></i> fa-star</div>
  906. <div class="col-md-3 col-sm-4"><i class="fa fa-star-half"></i> fa-star-half</div>
  907. <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-empty"></i> fa-star-half-empty <span class="text-muted">(alias)</span></div>
  908. <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-full"></i> fa-star-half-full <span class="text-muted">(alias)</span></div>
  909. <div class="col-md-3 col-sm-4"><i class="fa fa-star-half-o"></i> fa-star-half-o</div>
  910. <div class="col-md-3 col-sm-4"><i class="fa fa-star-o"></i> fa-star-o</div>
  911. <div class="col-md-3 col-sm-4"><i class="fa fa-suitcase"></i> fa-suitcase</div>
  912. <div class="col-md-3 col-sm-4"><i class="fa fa-sun-o"></i> fa-sun-o</div>
  913. <div class="col-md-3 col-sm-4"><i class="fa fa-support"></i> fa-support <span class="text-muted">(alias)</span></div>
  914. <div class="col-md-3 col-sm-4"><i class="fa fa-tablet"></i> fa-tablet</div>
  915. <div class="col-md-3 col-sm-4"><i class="fa fa-tachometer"></i> fa-tachometer</div>
  916. <div class="col-md-3 col-sm-4"><i class="fa fa-tag"></i> fa-tag</div>
  917. <div class="col-md-3 col-sm-4"><i class="fa fa-tags"></i> fa-tags</div>
  918. <div class="col-md-3 col-sm-4"><i class="fa fa-tasks"></i> fa-tasks</div>
  919. <div class="col-md-3 col-sm-4"><i class="fa fa-taxi"></i> fa-taxi</div>
  920. <div class="col-md-3 col-sm-4"><i class="fa fa-terminal"></i> fa-terminal</div>
  921. <div class="col-md-3 col-sm-4"><i class="fa fa-thumb-tack"></i> fa-thumb-tack</div>
  922. <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-down"></i> fa-thumbs-down</div>
  923. <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-o-down"></i> fa-thumbs-o-down</div>
  924. <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-o-up"></i> fa-thumbs-o-up</div>
  925. <div class="col-md-3 col-sm-4"><i class="fa fa-thumbs-up"></i> fa-thumbs-up</div>
  926. <div class="col-md-3 col-sm-4"><i class="fa fa-ticket"></i> fa-ticket</div>
  927. <div class="col-md-3 col-sm-4"><i class="fa fa-times"></i> fa-times</div>
  928. <div class="col-md-3 col-sm-4"><i class="fa fa-times-circle"></i> fa-times-circle</div>
  929. <div class="col-md-3 col-sm-4"><i class="fa fa-times-circle-o"></i> fa-times-circle-o</div>
  930. <div class="col-md-3 col-sm-4"><i class="fa fa-tint"></i> fa-tint</div>
  931. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></div>
  932. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></div>
  933. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></div>
  934. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></div>
  935. <div class="col-md-3 col-sm-4"><i class="fa fa-trash-o"></i> fa-trash-o</div>
  936. <div class="col-md-3 col-sm-4"><i class="fa fa-tree"></i> fa-tree</div>
  937. <div class="col-md-3 col-sm-4"><i class="fa fa-trophy"></i> fa-trophy</div>
  938. <div class="col-md-3 col-sm-4"><i class="fa fa-truck"></i> fa-truck</div>
  939. <div class="col-md-3 col-sm-4"><i class="fa fa-umbrella"></i> fa-umbrella</div>
  940. <div class="col-md-3 col-sm-4"><i class="fa fa-university"></i> fa-university</div>
  941. <div class="col-md-3 col-sm-4"><i class="fa fa-unlock"></i> fa-unlock</div>
  942. <div class="col-md-3 col-sm-4"><i class="fa fa-unlock-alt"></i> fa-unlock-alt</div>
  943. <div class="col-md-3 col-sm-4"><i class="fa fa-unsorted"></i> fa-unsorted <span class="text-muted">(alias)</span></div>
  944. <div class="col-md-3 col-sm-4"><i class="fa fa-upload"></i> fa-upload</div>
  945. <div class="col-md-3 col-sm-4"><i class="fa fa-user"></i> fa-user</div>
  946. <div class="col-md-3 col-sm-4"><i class="fa fa-users"></i> fa-users</div>
  947. <div class="col-md-3 col-sm-4"><i class="fa fa-video-camera"></i> fa-video-camera</div>
  948. <div class="col-md-3 col-sm-4"><i class="fa fa-volume-down"></i> fa-volume-down</div>
  949. <div class="col-md-3 col-sm-4"><i class="fa fa-volume-off"></i> fa-volume-off</div>
  950. <div class="col-md-3 col-sm-4"><i class="fa fa-volume-up"></i> fa-volume-up</div>
  951. <div class="col-md-3 col-sm-4"><i class="fa fa-warning"></i> fa-warning <span class="text-muted">(alias)</span></div>
  952. <div class="col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair</div>
  953. <div class="col-md-3 col-sm-4"><i class="fa fa-wrench"></i> fa-wrench</div>
  954. </div>
  955. </section>
  956. <section id="file-type">
  957. <h4 class="page-header">File Type Icons</h4>
  958. <div class="row list-icon">
  959. <div class="col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file</div>
  960. <div class="col-md-3 col-sm-4"><i class="fa fa-file-archive-o"></i> fa-file-archive-o</div>
  961. <div class="col-md-3 col-sm-4"><i class="fa fa-file-audio-o"></i> fa-file-audio-o</div>
  962. <div class="col-md-3 col-sm-4"><i class="fa fa-file-code-o"></i> fa-file-code-o</div>
  963. <div class="col-md-3 col-sm-4"><i class="fa fa-file-excel-o"></i> fa-file-excel-o</div>
  964. <div class="col-md-3 col-sm-4"><i class="fa fa-file-image-o"></i> fa-file-image-o</div>
  965. <div class="col-md-3 col-sm-4"><i class="fa fa-file-movie-o"></i> fa-file-movie-o <span class="text-muted">(alias)</span></div>
  966. <div class="col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o</div>
  967. <div class="col-md-3 col-sm-4"><i class="fa fa-file-pdf-o"></i> fa-file-pdf-o</div>
  968. <div class="col-md-3 col-sm-4"><i class="fa fa-file-photo-o"></i> fa-file-photo-o <span class="text-muted">(alias)</span></div>
  969. <div class="col-md-3 col-sm-4"><i class="fa fa-file-picture-o"></i> fa-file-picture-o <span class="text-muted">(alias)</span></div>
  970. <div class="col-md-3 col-sm-4"><i class="fa fa-file-powerpoint-o"></i> fa-file-powerpoint-o</div>
  971. <div class="col-md-3 col-sm-4"><i class="fa fa-file-sound-o"></i> fa-file-sound-o <span class="text-muted">(alias)</span></div>
  972. <div class="col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text</div>
  973. <div class="col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o</div>
  974. <div class="col-md-3 col-sm-4"><i class="fa fa-file-video-o"></i> fa-file-video-o</div>
  975. <div class="col-md-3 col-sm-4"><i class="fa fa-file-word-o"></i> fa-file-word-o</div>
  976. <div class="col-md-3 col-sm-4"><i class="fa fa-file-zip-o"></i> fa-file-zip-o <span class="text-muted">(alias)</span></div>
  977. </div>
  978. </section>
  979. <section id="spinner">
  980. <h4 class="page-header">Spinner Icons</h4>
  981. <div class="alert alert-success">
  982. These icons work great with the <code>fa-spin</code> class. Check out the
  983. <a href class="alert-link">spinning icons example</a>.
  984. </div>
  985. <div class="row list-icon">
  986. <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o-notch"></i> fa-circle-o-notch</div>
  987. <div class="col-md-3 col-sm-4"><i class="fa fa-cog"></i> fa-cog</div>
  988. <div class="col-md-3 col-sm-4"><i class="fa fa-gear"></i> fa-gear <span class="text-muted">(alias)</span></div>
  989. <div class="col-md-3 col-sm-4"><i class="fa fa-refresh"></i> fa-refresh</div>
  990. <div class="col-md-3 col-sm-4"><i class="fa fa-spinner"></i> fa-spinner</div>
  991. </div>
  992. </section>
  993. <section id="form-control">
  994. <h4 class="page-header">Form Control Icons</h4>
  995. <div class="row list-icon">
  996. <div class="col-md-3 col-sm-4"><i class="fa fa-check-square"></i> fa-check-square</div>
  997. <div class="col-md-3 col-sm-4"><i class="fa fa-check-square-o"></i> fa-check-square-o</div>
  998. <div class="col-md-3 col-sm-4"><i class="fa fa-circle"></i> fa-circle</div>
  999. <div class="col-md-3 col-sm-4"><i class="fa fa-circle-o"></i> fa-circle-o</div>
  1000. <div class="col-md-3 col-sm-4"><i class="fa fa-dot-circle-o"></i> fa-dot-circle-o</div>
  1001. <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square"></i> fa-minus-square</div>
  1002. <div class="col-md-3 col-sm-4"><i class="fa fa-minus-square-o"></i> fa-minus-square-o</div>
  1003. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>
  1004. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square-o"></i> fa-plus-square-o</div>
  1005. <div class="col-md-3 col-sm-4"><i class="fa fa-square"></i> fa-square</div>
  1006. <div class="col-md-3 col-sm-4"><i class="fa fa-square-o"></i> fa-square-o</div>
  1007. </div>
  1008. </section>
  1009. <section id="currency">
  1010. <h4 class="page-header">Currency Icons</h4>
  1011. <div class="row list-icon">
  1012. <div class="col-md-3 col-sm-4"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></div>
  1013. <div class="col-md-3 col-sm-4"><i class="fa fa-btc"></i> fa-btc</div>
  1014. <div class="col-md-3 col-sm-4"><i class="fa fa-cny"></i> fa-cny <span class="text-muted">(alias)</span></div>
  1015. <div class="col-md-3 col-sm-4"><i class="fa fa-dollar"></i> fa-dollar <span class="text-muted">(alias)</span></div>
  1016. <div class="col-md-3 col-sm-4"><i class="fa fa-eur"></i> fa-eur</div>
  1017. <div class="col-md-3 col-sm-4"><i class="fa fa-euro"></i> fa-euro <span class="text-muted">(alias)</span></div>
  1018. <div class="col-md-3 col-sm-4"><i class="fa fa-gbp"></i> fa-gbp</div>
  1019. <div class="col-md-3 col-sm-4"><i class="fa fa-inr"></i> fa-inr</div>
  1020. <div class="col-md-3 col-sm-4"><i class="fa fa-jpy"></i> fa-jpy</div>
  1021. <div class="col-md-3 col-sm-4"><i class="fa fa-krw"></i> fa-krw</div>
  1022. <div class="col-md-3 col-sm-4"><i class="fa fa-money"></i> fa-money</div>
  1023. <div class="col-md-3 col-sm-4"><i class="fa fa-rmb"></i> fa-rmb <span class="text-muted">(alias)</span></div>
  1024. <div class="col-md-3 col-sm-4"><i class="fa fa-rouble"></i> fa-rouble <span class="text-muted">(alias)</span></div>
  1025. <div class="col-md-3 col-sm-4"><i class="fa fa-rub"></i> fa-rub</div>
  1026. <div class="col-md-3 col-sm-4"><i class="fa fa-ruble"></i> fa-ruble <span class="text-muted">(alias)</span></div>
  1027. <div class="col-md-3 col-sm-4"><i class="fa fa-rupee"></i> fa-rupee <span class="text-muted">(alias)</span></div>
  1028. <div class="col-md-3 col-sm-4"><i class="fa fa-try"></i> fa-try</div>
  1029. <div class="col-md-3 col-sm-4"><i class="fa fa-turkish-lira"></i> fa-turkish-lira <span class="text-muted">(alias)</span></div>
  1030. <div class="col-md-3 col-sm-4"><i class="fa fa-usd"></i> fa-usd</div>
  1031. <div class="col-md-3 col-sm-4"><i class="fa fa-won"></i> fa-won <span class="text-muted">(alias)</span></div>
  1032. <div class="col-md-3 col-sm-4"><i class="fa fa-yen"></i> fa-yen <span class="text-muted">(alias)</span></div>
  1033. </div>
  1034. </section>
  1035. <section id="text-editor">
  1036. <h4 class="page-header">Text Editor Icons</h4>
  1037. <div class="row list-icon">
  1038. <div class="col-md-3 col-sm-4"><i class="fa fa-align-center"></i> fa-align-center</div>
  1039. <div class="col-md-3 col-sm-4"><i class="fa fa-align-justify"></i> fa-align-justify</div>
  1040. <div class="col-md-3 col-sm-4"><i class="fa fa-align-left"></i> fa-align-left</div>
  1041. <div class="col-md-3 col-sm-4"><i class="fa fa-align-right"></i> fa-align-right</div>
  1042. <div class="col-md-3 col-sm-4"><i class="fa fa-bold"></i> fa-bold</div>
  1043. <div class="col-md-3 col-sm-4"><i class="fa fa-chain"></i> fa-chain <span class="text-muted">(alias)</span></div>
  1044. <div class="col-md-3 col-sm-4"><i class="fa fa-chain-broken"></i> fa-chain-broken</div>
  1045. <div class="col-md-3 col-sm-4"><i class="fa fa-clipboard"></i> fa-clipboard</div>
  1046. <div class="col-md-3 col-sm-4"><i class="fa fa-columns"></i> fa-columns</div>
  1047. <div class="col-md-3 col-sm-4"><i class="fa fa-copy"></i> fa-copy <span class="text-muted">(alias)</span></div>
  1048. <div class="col-md-3 col-sm-4"><i class="fa fa-cut"></i> fa-cut <span class="text-muted">(alias)</span></div>
  1049. <div class="col-md-3 col-sm-4"><i class="fa fa-dedent"></i> fa-dedent <span class="text-muted">(alias)</span></div>
  1050. <div class="col-md-3 col-sm-4"><i class="fa fa-eraser"></i> fa-eraser</div>
  1051. <div class="col-md-3 col-sm-4"><i class="fa fa-file"></i> fa-file</div>
  1052. <div class="col-md-3 col-sm-4"><i class="fa fa-file-o"></i> fa-file-o</div>
  1053. <div class="col-md-3 col-sm-4"><i class="fa fa-file-text"></i> fa-file-text</div>
  1054. <div class="col-md-3 col-sm-4"><i class="fa fa-file-text-o"></i> fa-file-text-o</div>
  1055. <div class="col-md-3 col-sm-4"><i class="fa fa-files-o"></i> fa-files-o</div>
  1056. <div class="col-md-3 col-sm-4"><i class="fa fa-floppy-o"></i> fa-floppy-o</div>
  1057. <div class="col-md-3 col-sm-4"><i class="fa fa-font"></i> fa-font</div>
  1058. <div class="col-md-3 col-sm-4"><i class="fa fa-header"></i> fa-header</div>
  1059. <div class="col-md-3 col-sm-4"><i class="fa fa-indent"></i> fa-indent</div>
  1060. <div class="col-md-3 col-sm-4"><i class="fa fa-italic"></i> fa-italic</div>
  1061. <div class="col-md-3 col-sm-4"><i class="fa fa-link"></i> fa-link</div>
  1062. <div class="col-md-3 col-sm-4"><i class="fa fa-list"></i> fa-list</div>
  1063. <div class="col-md-3 col-sm-4"><i class="fa fa-list-alt"></i> fa-list-alt</div>
  1064. <div class="col-md-3 col-sm-4"><i class="fa fa-list-ol"></i> fa-list-ol</div>
  1065. <div class="col-md-3 col-sm-4"><i class="fa fa-list-ul"></i> fa-list-ul</div>
  1066. <div class="col-md-3 col-sm-4"><i class="fa fa-outdent"></i> fa-outdent</div>
  1067. <div class="col-md-3 col-sm-4"><i class="fa fa-paperclip"></i> fa-paperclip</div>
  1068. <div class="col-md-3 col-sm-4"><i class="fa fa-paragraph"></i> fa-paragraph</div>
  1069. <div class="col-md-3 col-sm-4"><i class="fa fa-paste"></i> fa-paste <span class="text-muted">(alias)</span></div>
  1070. <div class="col-md-3 col-sm-4"><i class="fa fa-repeat"></i> fa-repeat</div>
  1071. <div class="col-md-3 col-sm-4"><i class="fa fa-rotate-left"></i> fa-rotate-left <span class="text-muted">(alias)</span></div>
  1072. <div class="col-md-3 col-sm-4"><i class="fa fa-rotate-right"></i> fa-rotate-right <span class="text-muted">(alias)</span></div>
  1073. <div class="col-md-3 col-sm-4"><i class="fa fa-save"></i> fa-save <span class="text-muted">(alias)</span></div>
  1074. <div class="col-md-3 col-sm-4"><i class="fa fa-scissors"></i> fa-scissors</div>
  1075. <div class="col-md-3 col-sm-4"><i class="fa fa-strikethrough"></i> fa-strikethrough</div>
  1076. <div class="col-md-3 col-sm-4"><i class="fa fa-subscript"></i> fa-subscript</div>
  1077. <div class="col-md-3 col-sm-4"><i class="fa fa-superscript"></i> fa-superscript</div>
  1078. <div class="col-md-3 col-sm-4"><i class="fa fa-table"></i> fa-table</div>
  1079. <div class="col-md-3 col-sm-4"><i class="fa fa-text-height"></i> fa-text-height</div>
  1080. <div class="col-md-3 col-sm-4"><i class="fa fa-text-width"></i> fa-text-width</div>
  1081. <div class="col-md-3 col-sm-4"><i class="fa fa-th"></i> fa-th</div>
  1082. <div class="col-md-3 col-sm-4"><i class="fa fa-th-large"></i> fa-th-large</div>
  1083. <div class="col-md-3 col-sm-4"><i class="fa fa-th-list"></i> fa-th-list</div>
  1084. <div class="col-md-3 col-sm-4"><i class="fa fa-underline"></i> fa-underline</div>
  1085. <div class="col-md-3 col-sm-4"><i class="fa fa-undo"></i> fa-undo</div>
  1086. <div class="col-md-3 col-sm-4"><i class="fa fa-unlink"></i> fa-unlink <span class="text-muted">(alias)</span></div>
  1087. </div>
  1088. </section>
  1089. <section id="directional">
  1090. <h4 class="page-header">Directional Icons</h4>
  1091. <div class="row list-icon">
  1092. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-down"></i> fa-angle-double-down</div>
  1093. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-left"></i> fa-angle-double-left</div>
  1094. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-right"></i> fa-angle-double-right</div>
  1095. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-double-up"></i> fa-angle-double-up</div>
  1096. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-down"></i> fa-angle-down</div>
  1097. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-left"></i> fa-angle-left</div>
  1098. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-right"></i> fa-angle-right</div>
  1099. <div class="col-md-3 col-sm-4"><i class="fa fa-angle-up"></i> fa-angle-up</div>
  1100. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-down"></i> fa-arrow-circle-down</div>
  1101. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-left"></i> fa-arrow-circle-left</div>
  1102. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</div>
  1103. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>
  1104. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>
  1105. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</div>
  1106. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-right"></i> fa-arrow-circle-right</div>
  1107. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-circle-up"></i> fa-arrow-circle-up</div>
  1108. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-down"></i> fa-arrow-down</div>
  1109. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-left"></i> fa-arrow-left</div>
  1110. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-right"></i> fa-arrow-right</div>
  1111. <div class="col-md-3 col-sm-4"><i class="fa fa-arrow-up"></i> fa-arrow-up</div>
  1112. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows"></i> fa-arrows</div>
  1113. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</div>
  1114. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-h"></i> fa-arrows-h</div>
  1115. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-v"></i> fa-arrows-v</div>
  1116. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-down"></i> fa-caret-down</div>
  1117. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-left"></i> fa-caret-left</div>
  1118. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-right"></i> fa-caret-right</div>
  1119. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-down"></i> fa-caret-square-o-down</div>
  1120. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
  1121. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-right"></i> fa-caret-square-o-right</div>
  1122. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-square-o-up"></i> fa-caret-square-o-up</div>
  1123. <div class="col-md-3 col-sm-4"><i class="fa fa-caret-up"></i> fa-caret-up</div>
  1124. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-down"></i> fa-chevron-circle-down</div>
  1125. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-left"></i> fa-chevron-circle-left</div>
  1126. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right</div>
  1127. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-circle-up"></i> fa-chevron-circle-up</div>
  1128. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-down"></i> fa-chevron-down</div>
  1129. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-left"></i> fa-chevron-left</div>
  1130. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-right"></i> fa-chevron-right</div>
  1131. <div class="col-md-3 col-sm-4"><i class="fa fa-chevron-up"></i> fa-chevron-up</div>
  1132. <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-down"></i> fa-hand-o-down</div>
  1133. <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-left"></i> fa-hand-o-left</div>
  1134. <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-right"></i> fa-hand-o-right</div>
  1135. <div class="col-md-3 col-sm-4"><i class="fa fa-hand-o-up"></i> fa-hand-o-up</div>
  1136. <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-down"></i> fa-long-arrow-down</div>
  1137. <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-left"></i> fa-long-arrow-left</div>
  1138. <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-right"></i> fa-long-arrow-right</div>
  1139. <div class="col-md-3 col-sm-4"><i class="fa fa-long-arrow-up"></i> fa-long-arrow-up</div>
  1140. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-down"></i> fa-toggle-down <span class="text-muted">(alias)</span></div>
  1141. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-left"></i> fa-toggle-left <span class="text-muted">(alias)</span></div>
  1142. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-right"></i> fa-toggle-right <span class="text-muted">(alias)</span></div>
  1143. <div class="col-md-3 col-sm-4"><i class="fa fa-toggle-up"></i> fa-toggle-up <span class="text-muted">(alias)</span></div>
  1144. </div>
  1145. </section>
  1146. <section id="video-player">
  1147. <h4 class="page-header">Video Player Icons</h4>
  1148. <div class="row list-icon">
  1149. <div class="col-md-3 col-sm-4"><i class="fa fa-arrows-alt"></i> fa-arrows-alt</div>
  1150. <div class="col-md-3 col-sm-4"><i class="fa fa-backward"></i> fa-backward</div>
  1151. <div class="col-md-3 col-sm-4"><i class="fa fa-compress"></i> fa-compress</div>
  1152. <div class="col-md-3 col-sm-4"><i class="fa fa-eject"></i> fa-eject</div>
  1153. <div class="col-md-3 col-sm-4"><i class="fa fa-expand"></i> fa-expand</div>
  1154. <div class="col-md-3 col-sm-4"><i class="fa fa-fast-backward"></i> fa-fast-backward</div>
  1155. <div class="col-md-3 col-sm-4"><i class="fa fa-fast-forward"></i> fa-fast-forward</div>
  1156. <div class="col-md-3 col-sm-4"><i class="fa fa-forward"></i> fa-forward</div>
  1157. <div class="col-md-3 col-sm-4"><i class="fa fa-pause"></i> fa-pause</div>
  1158. <div class="col-md-3 col-sm-4"><i class="fa fa-play"></i> fa-play</div>
  1159. <div class="col-md-3 col-sm-4"><i class="fa fa-play-circle"></i> fa-play-circle</div>
  1160. <div class="col-md-3 col-sm-4"><i class="fa fa-play-circle-o"></i> fa-play-circle-o</div>
  1161. <div class="col-md-3 col-sm-4"><i class="fa fa-step-backward"></i> fa-step-backward</div>
  1162. <div class="col-md-3 col-sm-4"><i class="fa fa-step-forward"></i> fa-step-forward</div>
  1163. <div class="col-md-3 col-sm-4"><i class="fa fa-stop"></i> fa-stop</div>
  1164. <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play</div>
  1165. </div>
  1166. </section>
  1167. <section id="brand">
  1168. <h4 class="page-header">Brand Icons</h4>
  1169. <div class="alert alert-success">
  1170. <ul class="margin-bottom-none padding-left-lg">
  1171. <li>All brand icons are trademarks of their respective owners.</li>
  1172. <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
  1173. </ul>
  1174. </div>
  1175. <div class="row list-icon">
  1176. <div class="col-md-3 col-sm-4"><i class="fa fa-adn"></i> fa-adn</div>
  1177. <div class="col-md-3 col-sm-4"><i class="fa fa-android"></i> fa-android</div>
  1178. <div class="col-md-3 col-sm-4"><i class="fa fa-apple"></i> fa-apple</div>
  1179. <div class="col-md-3 col-sm-4"><i class="fa fa-behance"></i> fa-behance</div>
  1180. <div class="col-md-3 col-sm-4"><i class="fa fa-behance-square"></i> fa-behance-square</div>
  1181. <div class="col-md-3 col-sm-4"><i class="fa fa-bitbucket"></i> fa-bitbucket</div>
  1182. <div class="col-md-3 col-sm-4"><i class="fa fa-bitbucket-square"></i> fa-bitbucket-square</div>
  1183. <div class="col-md-3 col-sm-4"><i class="fa fa-bitcoin"></i> fa-bitcoin <span class="text-muted">(alias)</span></div>
  1184. <div class="col-md-3 col-sm-4"><i class="fa fa-btc"></i> fa-btc</div>
  1185. <div class="col-md-3 col-sm-4"><i class="fa fa-codepen"></i> fa-codepen</div>
  1186. <div class="col-md-3 col-sm-4"><i class="fa fa-css3"></i> fa-css3</div>
  1187. <div class="col-md-3 col-sm-4"><i class="fa fa-delicious"></i> fa-delicious</div>
  1188. <div class="col-md-3 col-sm-4"><i class="fa fa-deviantart"></i> fa-deviantart</div>
  1189. <div class="col-md-3 col-sm-4"><i class="fa fa-digg"></i> fa-digg</div>
  1190. <div class="col-md-3 col-sm-4"><i class="fa fa-dribbble"></i> fa-dribbble</div>
  1191. <div class="col-md-3 col-sm-4"><i class="fa fa-dropbox"></i> fa-dropbox</div>
  1192. <div class="col-md-3 col-sm-4"><i class="fa fa-drupal"></i> fa-drupal</div>
  1193. <div class="col-md-3 col-sm-4"><i class="fa fa-empire"></i> fa-empire</div>
  1194. <div class="col-md-3 col-sm-4"><i class="fa fa-facebook"></i> fa-facebook</div>
  1195. <div class="col-md-3 col-sm-4"><i class="fa fa-facebook-square"></i> fa-facebook-square</div>
  1196. <div class="col-md-3 col-sm-4"><i class="fa fa-flickr"></i> fa-flickr</div>
  1197. <div class="col-md-3 col-sm-4"><i class="fa fa-foursquare"></i> fa-foursquare</div>
  1198. <div class="col-md-3 col-sm-4"><i class="fa fa-ge"></i> fa-ge <span class="text-muted">(alias)</span></div>
  1199. <div class="col-md-3 col-sm-4"><i class="fa fa-git"></i> fa-git</div>
  1200. <div class="col-md-3 col-sm-4"><i class="fa fa-git-square"></i> fa-git-square</div>
  1201. <div class="col-md-3 col-sm-4"><i class="fa fa-github"></i> fa-github</div>
  1202. <div class="col-md-3 col-sm-4"><i class="fa fa-github-alt"></i> fa-github-alt</div>
  1203. <div class="col-md-3 col-sm-4"><i class="fa fa-github-square"></i> fa-github-square</div>
  1204. <div class="col-md-3 col-sm-4"><i class="fa fa-gittip"></i> fa-gittip</div>
  1205. <div class="col-md-3 col-sm-4"><i class="fa fa-google"></i> fa-google</div>
  1206. <div class="col-md-3 col-sm-4"><i class="fa fa-google-plus"></i> fa-google-plus</div>
  1207. <div class="col-md-3 col-sm-4"><i class="fa fa-google-plus-square"></i> fa-google-plus-square</div>
  1208. <div class="col-md-3 col-sm-4"><i class="fa fa-hacker-news"></i> fa-hacker-news</div>
  1209. <div class="col-md-3 col-sm-4"><i class="fa fa-html5"></i> fa-html5</div>
  1210. <div class="col-md-3 col-sm-4"><i class="fa fa-instagram"></i> fa-instagram</div>
  1211. <div class="col-md-3 col-sm-4"><i class="fa fa-joomla"></i> fa-joomla</div>
  1212. <div class="col-md-3 col-sm-4"><i class="fa fa-jsfiddle"></i> fa-jsfiddle</div>
  1213. <div class="col-md-3 col-sm-4"><i class="fa fa-linkedin"></i> fa-linkedin</div>
  1214. <div class="col-md-3 col-sm-4"><i class="fa fa-linkedin-square"></i> fa-linkedin-square</div>
  1215. <div class="col-md-3 col-sm-4"><i class="fa fa-linux"></i> fa-linux</div>
  1216. <div class="col-md-3 col-sm-4"><i class="fa fa-maxcdn"></i> fa-maxcdn</div>
  1217. <div class="col-md-3 col-sm-4"><i class="fa fa-openid"></i> fa-openid</div>
  1218. <div class="col-md-3 col-sm-4"><i class="fa fa-pagelines"></i> fa-pagelines</div>
  1219. <div class="col-md-3 col-sm-4"><i class="fa fa-pied-piper"></i> fa-pied-piper</div>
  1220. <div class="col-md-3 col-sm-4"><i class="fa fa-pied-piper-alt"></i> fa-pied-piper-alt</div>
  1221. <div class="col-md-3 col-sm-4"><i class="fa fa-pied-piper-square"></i> fa-pied-piper-square <span class="text-muted">(alias)</span></div>
  1222. <div class="col-md-3 col-sm-4"><i class="fa fa-pinterest"></i> fa-pinterest</div>
  1223. <div class="col-md-3 col-sm-4"><i class="fa fa-pinterest-square"></i> fa-pinterest-square</div>
  1224. <div class="col-md-3 col-sm-4"><i class="fa fa-qq"></i> fa-qq</div>
  1225. <div class="col-md-3 col-sm-4"><i class="fa fa-ra"></i> fa-ra <span class="text-muted">(alias)</span></div>
  1226. <div class="col-md-3 col-sm-4"><i class="fa fa-rebel"></i> fa-rebel</div>
  1227. <div class="col-md-3 col-sm-4"><i class="fa fa-reddit"></i> fa-reddit</div>
  1228. <div class="col-md-3 col-sm-4"><i class="fa fa-reddit-square"></i> fa-reddit-square</div>
  1229. <div class="col-md-3 col-sm-4"><i class="fa fa-renren"></i> fa-renren</div>
  1230. <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt"></i> fa-share-alt</div>
  1231. <div class="col-md-3 col-sm-4"><i class="fa fa-share-alt-square"></i> fa-share-alt-square</div>
  1232. <div class="col-md-3 col-sm-4"><i class="fa fa-skype"></i> fa-skype</div>
  1233. <div class="col-md-3 col-sm-4"><i class="fa fa-slack"></i> fa-slack</div>
  1234. <div class="col-md-3 col-sm-4"><i class="fa fa-soundcloud"></i> fa-soundcloud</div>
  1235. <div class="col-md-3 col-sm-4"><i class="fa fa-spotify"></i> fa-spotify</div>
  1236. <div class="col-md-3 col-sm-4"><i class="fa fa-stack-exchange"></i> fa-stack-exchange</div>
  1237. <div class="col-md-3 col-sm-4"><i class="fa fa-stack-overflow"></i> fa-stack-overflow</div>
  1238. <div class="col-md-3 col-sm-4"><i class="fa fa-steam"></i> fa-steam</div>
  1239. <div class="col-md-3 col-sm-4"><i class="fa fa-steam-square"></i> fa-steam-square</div>
  1240. <div class="col-md-3 col-sm-4"><i class="fa fa-stumbleupon"></i> fa-stumbleupon</div>
  1241. <div class="col-md-3 col-sm-4"><i class="fa fa-stumbleupon-circle"></i> fa-stumbleupon-circle</div>
  1242. <div class="col-md-3 col-sm-4"><i class="fa fa-tencent-weibo"></i> fa-tencent-weibo</div>
  1243. <div class="col-md-3 col-sm-4"><i class="fa fa-trello"></i> fa-trello</div>
  1244. <div class="col-md-3 col-sm-4"><i class="fa fa-tumblr"></i> fa-tumblr</div>
  1245. <div class="col-md-3 col-sm-4"><i class="fa fa-tumblr-square"></i> fa-tumblr-square</div>
  1246. <div class="col-md-3 col-sm-4"><i class="fa fa-twitter"></i> fa-twitter</div>
  1247. <div class="col-md-3 col-sm-4"><i class="fa fa-twitter-square"></i> fa-twitter-square</div>
  1248. <div class="col-md-3 col-sm-4"><i class="fa fa-vimeo-square"></i> fa-vimeo-square</div>
  1249. <div class="col-md-3 col-sm-4"><i class="fa fa-vine"></i> fa-vine</div>
  1250. <div class="col-md-3 col-sm-4"><i class="fa fa-vk"></i> fa-vk</div>
  1251. <div class="col-md-3 col-sm-4"><i class="fa fa-wechat"></i> fa-wechat <span class="text-muted">(alias)</span></div>
  1252. <div class="col-md-3 col-sm-4"><i class="fa fa-weibo"></i> fa-weibo</div>
  1253. <div class="col-md-3 col-sm-4"><i class="fa fa-weixin"></i> fa-weixin</div>
  1254. <div class="col-md-3 col-sm-4"><i class="fa fa-windows"></i> fa-windows</div>
  1255. <div class="col-md-3 col-sm-4"><i class="fa fa-wordpress"></i> fa-wordpress</div>
  1256. <div class="col-md-3 col-sm-4"><i class="fa fa-xing"></i> fa-xing</div>
  1257. <div class="col-md-3 col-sm-4"><i class="fa fa-xing-square"></i> fa-xing-square</div>
  1258. <div class="col-md-3 col-sm-4"><i class="fa fa-yahoo"></i> fa-yahoo</div>
  1259. <div class="col-md-3 col-sm-4"><i class="fa fa-youtube"></i> fa-youtube</div>
  1260. <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-play"></i> fa-youtube-play</div>
  1261. <div class="col-md-3 col-sm-4"><i class="fa fa-youtube-square"></i> fa-youtube-square</div>
  1262. </div>
  1263. </section>
  1264. <section id="medical">
  1265. <h4 class="page-header">Medical Icons</h4>
  1266. <div class="row list-icon">
  1267. <div class="col-md-3 col-sm-4"><i class="fa fa-ambulance"></i> fa-ambulance</div>
  1268. <div class="col-md-3 col-sm-4"><i class="fa fa-h-square"></i> fa-h-square</div>
  1269. <div class="col-md-3 col-sm-4"><i class="fa fa-hospital-o"></i> fa-hospital-o</div>
  1270. <div class="col-md-3 col-sm-4"><i class="fa fa-medkit"></i> fa-medkit</div>
  1271. <div class="col-md-3 col-sm-4"><i class="fa fa-plus-square"></i> fa-plus-square</div>
  1272. <div class="col-md-3 col-sm-4"><i class="fa fa-stethoscope"></i> fa-stethoscope</div>
  1273. <div class="col-md-3 col-sm-4"><i class="fa fa-user-md"></i> fa-user-md</div>
  1274. <div class="col-md-3 col-sm-4"><i class="fa fa-wheelchair"></i> fa-wheelchair</div>
  1275. </div>
  1276. </section>
  1277. </div>
  1278. <h3 class="font-thin">Glyphicons</h3>
  1279. <div class="row list-icon">
  1280. <div class="col-md-3 col-sm-4">
  1281. <i class="glyphicon glyphicon-asterisk"></i>
  1282. <span>glyphicon-asterisk</span>
  1283. </div>
  1284. <div class="col-md-3 col-sm-4">
  1285. <i class="glyphicon glyphicon-plus"></i>
  1286. <span>glyphicon-plus</span>
  1287. </div>
  1288. <div class="col-md-3 col-sm-4">
  1289. <i class="glyphicon glyphicon-euro"></i>
  1290. <span>glyphicon-euro</span>
  1291. </div>
  1292. <div class="col-md-3 col-sm-4">
  1293. <i class="glyphicon glyphicon-minus"></i>
  1294. <span>glyphicon-minus</span>
  1295. </div>
  1296. <div class="col-md-3 col-sm-4">
  1297. <i class="glyphicon glyphicon-cloud"></i>
  1298. <span>glyphicon-cloud</span>
  1299. </div>
  1300. <div class="col-md-3 col-sm-4">
  1301. <i class="glyphicon glyphicon-envelope"></i>
  1302. <span>glyphicon-envelope</span>
  1303. </div>
  1304. <div class="col-md-3 col-sm-4">
  1305. <i class="glyphicon glyphicon-pencil"></i>
  1306. <span>glyphicon-pencil</span>
  1307. </div>
  1308. <div class="col-md-3 col-sm-4">
  1309. <i class="glyphicon glyphicon-glass"></i>
  1310. <span>glyphicon-glass</span>
  1311. </div>
  1312. <div class="col-md-3 col-sm-4">
  1313. <i class="glyphicon glyphicon-music"></i>
  1314. <span>glyphicon-music</span>
  1315. </div>
  1316. <div class="col-md-3 col-sm-4">
  1317. <i class="glyphicon glyphicon-search"></i>
  1318. <span>glyphicon-search</span>
  1319. </div>
  1320. <div class="col-md-3 col-sm-4">
  1321. <i class="glyphicon glyphicon-heart"></i>
  1322. <span>glyphicon-heart</span>
  1323. </div>
  1324. <div class="col-md-3 col-sm-4">
  1325. <i class="glyphicon glyphicon-star"></i>
  1326. <span>glyphicon-star</span>
  1327. </div>
  1328. <div class="col-md-3 col-sm-4">
  1329. <i class="glyphicon glyphicon-star-empty"></i>
  1330. <span>glyphicon-star-empty</span>
  1331. </div>
  1332. <div class="col-md-3 col-sm-4">
  1333. <i class="glyphicon glyphicon-user"></i>
  1334. <span>glyphicon-user</span>
  1335. </div>
  1336. <div class="col-md-3 col-sm-4">
  1337. <i class="glyphicon glyphicon-film"></i>
  1338. <span>glyphicon-film</span>
  1339. </div>
  1340. <div class="col-md-3 col-sm-4">
  1341. <i class="glyphicon glyphicon-th-large"></i>
  1342. <span>glyphicon-th-large</span>
  1343. </div>
  1344. <div class="col-md-3 col-sm-4">
  1345. <i class="glyphicon glyphicon-th"></i>
  1346. <span>glyphicon-th</span>
  1347. </div>
  1348. <div class="col-md-3 col-sm-4">
  1349. <i class="glyphicon glyphicon-th-list"></i>
  1350. <span>glyphicon-th-list</span>
  1351. </div>
  1352. <div class="col-md-3 col-sm-4">
  1353. <i class="glyphicon glyphicon-ok"></i>
  1354. <span>glyphicon-ok</span>
  1355. </div>
  1356. <div class="col-md-3 col-sm-4">
  1357. <i class="glyphicon glyphicon-remove"></i>
  1358. <span>glyphicon-remove</span>
  1359. </div>
  1360. <div class="col-md-3 col-sm-4">
  1361. <i class="glyphicon glyphicon-zoom-in"></i>
  1362. <span>glyphicon-zoom-in</span>
  1363. </div>
  1364. <div class="col-md-3 col-sm-4">
  1365. <i class="glyphicon glyphicon-zoom-out"></i>
  1366. <span>glyphicon-zoom-out</span>
  1367. </div>
  1368. <div class="col-md-3 col-sm-4">
  1369. <i class="glyphicon glyphicon-off"></i>
  1370. <span>glyphicon-off</span>
  1371. </div>
  1372. <div class="col-md-3 col-sm-4">
  1373. <i class="glyphicon glyphicon-signal"></i>
  1374. <span>glyphicon-signal</span>
  1375. </div>
  1376. <div class="col-md-3 col-sm-4">
  1377. <i class="glyphicon glyphicon-cog"></i>
  1378. <span>glyphicon-cog</span>
  1379. </div>
  1380. <div class="col-md-3 col-sm-4">
  1381. <i class="glyphicon glyphicon-trash"></i>
  1382. <span>glyphicon-trash</span>
  1383. </div>
  1384. <div class="col-md-3 col-sm-4">
  1385. <i class="glyphicon glyphicon-home"></i>
  1386. <span>glyphicon-home</span>
  1387. </div>
  1388. <div class="col-md-3 col-sm-4">
  1389. <i class="glyphicon glyphicon-file"></i>
  1390. <span>glyphicon-file</span>
  1391. </div>
  1392. <div class="col-md-3 col-sm-4">
  1393. <i class="glyphicon glyphicon-time"></i>
  1394. <span>glyphicon-time</span>
  1395. </div>
  1396. <div class="col-md-3 col-sm-4">
  1397. <i class="glyphicon glyphicon-road"></i>
  1398. <span>glyphicon-road</span>
  1399. </div>
  1400. <div class="col-md-3 col-sm-4">
  1401. <i class="glyphicon glyphicon-download-alt"></i>
  1402. <span>glyphicon-download-alt</span>
  1403. </div>
  1404. <div class="col-md-3 col-sm-4">
  1405. <i class="glyphicon glyphicon-download"></i>
  1406. <span>glyphicon-download</span>
  1407. </div>
  1408. <div class="col-md-3 col-sm-4">
  1409. <i class="glyphicon glyphicon-upload"></i>
  1410. <span>glyphicon-upload</span>
  1411. </div>
  1412. <div class="col-md-3 col-sm-4">
  1413. <i class="glyphicon glyphicon-inbox"></i>
  1414. <span>glyphicon-inbox</span>
  1415. </div>
  1416. <div class="col-md-3 col-sm-4">
  1417. <i class="glyphicon glyphicon-play-circle"></i>
  1418. <span>glyphicon-play-circle</span>
  1419. </div>
  1420. <div class="col-md-3 col-sm-4">
  1421. <i class="glyphicon glyphicon-repeat"></i>
  1422. <span>glyphicon-repeat</span>
  1423. </div>
  1424. <div class="col-md-3 col-sm-4">
  1425. <i class="glyphicon glyphicon-refresh"></i>
  1426. <span>glyphicon-refresh</span>
  1427. </div>
  1428. <div class="col-md-3 col-sm-4">
  1429. <i class="glyphicon glyphicon-list-alt"></i>
  1430. <span>glyphicon-list-alt</span>
  1431. </div>
  1432. <div class="col-md-3 col-sm-4">
  1433. <i class="glyphicon glyphicon-lock"></i>
  1434. <span>glyphicon-lock</span>
  1435. </div>
  1436. <div class="col-md-3 col-sm-4">
  1437. <i class="glyphicon glyphicon-flag"></i>
  1438. <span>glyphicon-flag</span>
  1439. </div>
  1440. <div class="col-md-3 col-sm-4">
  1441. <i class="glyphicon glyphicon-headphones"></i>
  1442. <span>glyphicon-headphones</span>
  1443. </div>
  1444. <div class="col-md-3 col-sm-4">
  1445. <i class="glyphicon glyphicon-volume-off"></i>
  1446. <span>glyphicon-volume-off</span>
  1447. </div>
  1448. <div class="col-md-3 col-sm-4">
  1449. <i class="glyphicon glyphicon-volume-down"></i>
  1450. <span>glyphicon-volume-down</span>
  1451. </div>
  1452. <div class="col-md-3 col-sm-4">
  1453. <i class="glyphicon glyphicon-volume-up"></i>
  1454. <span>glyphicon-volume-up</span>
  1455. </div>
  1456. <div class="col-md-3 col-sm-4">
  1457. <i class="glyphicon glyphicon-qrcode"></i>
  1458. <span>glyphicon-qrcode</span>
  1459. </div>
  1460. <div class="col-md-3 col-sm-4">
  1461. <i class="glyphicon glyphicon-barcode"></i>
  1462. <span>glyphicon-barcode</span>
  1463. </div>
  1464. <div class="col-md-3 col-sm-4">
  1465. <i class="glyphicon glyphicon-tag"></i>
  1466. <span>glyphicon-tag</span>
  1467. </div>
  1468. <div class="col-md-3 col-sm-4">
  1469. <i class="glyphicon glyphicon-tags"></i>
  1470. <span>glyphicon-tags</span>
  1471. </div>
  1472. <div class="col-md-3 col-sm-4">
  1473. <i class="glyphicon glyphicon-book"></i>
  1474. <span>glyphicon-book</span>
  1475. </div>
  1476. <div class="col-md-3 col-sm-4">
  1477. <i class="glyphicon glyphicon-bookmark"></i>
  1478. <span>glyphicon-bookmark</span>
  1479. </div>
  1480. <div class="col-md-3 col-sm-4">
  1481. <i class="glyphicon glyphicon-print"></i>
  1482. <span>glyphicon-print</span>
  1483. </div>
  1484. <div class="col-md-3 col-sm-4">
  1485. <i class="glyphicon glyphicon-camera"></i>
  1486. <span>glyphicon-camera</span>
  1487. </div>
  1488. <div class="col-md-3 col-sm-4">
  1489. <i class="glyphicon glyphicon-font"></i>
  1490. <span>glyphicon-font</span>
  1491. </div>
  1492. <div class="col-md-3 col-sm-4">
  1493. <i class="glyphicon glyphicon-bold"></i>
  1494. <span>glyphicon-bold</span>
  1495. </div>
  1496. <div class="col-md-3 col-sm-4">
  1497. <i class="glyphicon glyphicon-italic"></i>
  1498. <span>glyphicon-italic</span>
  1499. </div>
  1500. <div class="col-md-3 col-sm-4">
  1501. <i class="glyphicon glyphicon-text-height"></i>
  1502. <span>glyphicon-text-height</span>
  1503. </div>
  1504. <div class="col-md-3 col-sm-4">
  1505. <i class="glyphicon glyphicon-text-width"></i>
  1506. <span>glyphicon-text-width</span>
  1507. </div>
  1508. <div class="col-md-3 col-sm-4">
  1509. <i class="glyphicon glyphicon-align-left"></i>
  1510. <span>glyphicon-align-left</span>
  1511. </div>
  1512. <div class="col-md-3 col-sm-4">
  1513. <i class="glyphicon glyphicon-align-center"></i>
  1514. <span>glyphicon-align-center</span>
  1515. </div>
  1516. <div class="col-md-3 col-sm-4">
  1517. <i class="glyphicon glyphicon-align-right"></i>
  1518. <span>glyphicon-align-right</span>
  1519. </div>
  1520. <div class="col-md-3 col-sm-4">
  1521. <i class="glyphicon glyphicon-align-justify"></i>
  1522. <span>glyphicon-align-justify</span>
  1523. </div>
  1524. <div class="col-md-3 col-sm-4">
  1525. <i class="glyphicon glyphicon-list"></i>
  1526. <span>glyphicon-list</span>
  1527. </div>
  1528. <div class="col-md-3 col-sm-4">
  1529. <i class="glyphicon glyphicon-indent-left"></i>
  1530. <span>glyphicon-indent-left</span>
  1531. </div>
  1532. <div class="col-md-3 col-sm-4">
  1533. <i class="glyphicon glyphicon-indent-right"></i>
  1534. <span>glyphicon-indent-right</span>
  1535. </div>
  1536. <div class="col-md-3 col-sm-4">
  1537. <i class="glyphicon glyphicon-facetime-video"></i>
  1538. <span>glyphicon-facetime-video</span>
  1539. </div>
  1540. <div class="col-md-3 col-sm-4">
  1541. <i class="glyphicon glyphicon-picture"></i>
  1542. <span>glyphicon-picture</span>
  1543. </div>
  1544. <div class="col-md-3 col-sm-4">
  1545. <i class="glyphicon glyphicon-map-marker"></i>
  1546. <span>glyphicon-map-marker</span>
  1547. </div>
  1548. <div class="col-md-3 col-sm-4">
  1549. <i class="glyphicon glyphicon-adjust"></i>
  1550. <span>glyphicon-adjust</span>
  1551. </div>
  1552. <div class="col-md-3 col-sm-4">
  1553. <i class="glyphicon glyphicon-tint"></i>
  1554. <span>glyphicon-tint</span>
  1555. </div>
  1556. <div class="col-md-3 col-sm-4">
  1557. <i class="glyphicon glyphicon-edit"></i>
  1558. <span>glyphicon-edit</span>
  1559. </div>
  1560. <div class="col-md-3 col-sm-4">
  1561. <i class="glyphicon glyphicon-share"></i>
  1562. <span>glyphicon-share</span>
  1563. </div>
  1564. <div class="col-md-3 col-sm-4">
  1565. <i class="glyphicon glyphicon-check"></i>
  1566. <span>glyphicon-check</span>
  1567. </div>
  1568. <div class="col-md-3 col-sm-4">
  1569. <i class="glyphicon glyphicon-move"></i>
  1570. <span>glyphicon-move</span>
  1571. </div>
  1572. <div class="col-md-3 col-sm-4">
  1573. <i class="glyphicon glyphicon-step-backward"></i>
  1574. <span>glyphicon-step-backward</span>
  1575. </div>
  1576. <div class="col-md-3 col-sm-4">
  1577. <i class="glyphicon glyphicon-fast-backward"></i>
  1578. <span>glyphicon-fast-backward</span>
  1579. </div>
  1580. <div class="col-md-3 col-sm-4">
  1581. <i class="glyphicon glyphicon-backward"></i>
  1582. <span>glyphicon-backward</span>
  1583. </div>
  1584. <div class="col-md-3 col-sm-4">
  1585. <i class="glyphicon glyphicon-play"></i>
  1586. <span>glyphicon-play</span>
  1587. </div>
  1588. <div class="col-md-3 col-sm-4">
  1589. <i class="glyphicon glyphicon-pause"></i>
  1590. <span>glyphicon-pause</span>
  1591. </div>
  1592. <div class="col-md-3 col-sm-4">
  1593. <i class="glyphicon glyphicon-stop"></i>
  1594. <span>glyphicon-stop</span>
  1595. </div>
  1596. <div class="col-md-3 col-sm-4">
  1597. <i class="glyphicon glyphicon-forward"></i>
  1598. <span>glyphicon-forward</span>
  1599. </div>
  1600. <div class="col-md-3 col-sm-4">
  1601. <i class="glyphicon glyphicon-fast-forward"></i>
  1602. <span>glyphicon-fast-forward</span>
  1603. </div>
  1604. <div class="col-md-3 col-sm-4">
  1605. <i class="glyphicon glyphicon-step-forward"></i>
  1606. <span>glyphicon-step-forward</span>
  1607. </div>
  1608. <div class="col-md-3 col-sm-4">
  1609. <i class="glyphicon glyphicon-eject"></i>
  1610. <span>glyphicon-eject</span>
  1611. </div>
  1612. <div class="col-md-3 col-sm-4">
  1613. <i class="glyphicon glyphicon-chevron-left"></i>
  1614. <span>glyphicon-chevron-left</span>
  1615. </div>
  1616. <div class="col-md-3 col-sm-4">
  1617. <i class="glyphicon glyphicon-chevron-right"></i>
  1618. <span>glyphicon-chevron-right</span>
  1619. </div>
  1620. <div class="col-md-3 col-sm-4">
  1621. <i class="glyphicon glyphicon-plus-sign"></i>
  1622. <span>glyphicon-plus-sign</span>
  1623. </div>
  1624. <div class="col-md-3 col-sm-4">
  1625. <i class="glyphicon glyphicon-minus-sign"></i>
  1626. <span>glyphicon-minus-sign</span>
  1627. </div>
  1628. <div class="col-md-3 col-sm-4">
  1629. <i class="glyphicon glyphicon-remove-sign"></i>
  1630. <span>glyphicon-remove-sign</span>
  1631. </div>
  1632. <div class="col-md-3 col-sm-4">
  1633. <i class="glyphicon glyphicon-ok-sign"></i>
  1634. <span>glyphicon-ok-sign</span>
  1635. </div>
  1636. <div class="col-md-3 col-sm-4">
  1637. <i class="glyphicon glyphicon-question-sign"></i>
  1638. <span>glyphicon-question-sign</span>
  1639. </div>
  1640. <div class="col-md-3 col-sm-4">
  1641. <i class="glyphicon glyphicon-info-sign"></i>
  1642. <span>glyphicon-info-sign</span>
  1643. </div>
  1644. <div class="col-md-3 col-sm-4">
  1645. <i class="glyphicon glyphicon-screenshot"></i>
  1646. <span>glyphicon-screenshot</span>
  1647. </div>
  1648. <div class="col-md-3 col-sm-4">
  1649. <i class="glyphicon glyphicon-remove-circle"></i>
  1650. <span>glyphicon-remove-circle</span>
  1651. </div>
  1652. <div class="col-md-3 col-sm-4">
  1653. <i class="glyphicon glyphicon-ok-circle"></i>
  1654. <span>glyphicon-ok-circle</span>
  1655. </div>
  1656. <div class="col-md-3 col-sm-4">
  1657. <i class="glyphicon glyphicon-ban-circle"></i>
  1658. <span>glyphicon-ban-circle</span>
  1659. </div>
  1660. <div class="col-md-3 col-sm-4">
  1661. <i class="glyphicon glyphicon-arrow-left"></i>
  1662. <span>glyphicon-arrow-left</span>
  1663. </div>
  1664. <div class="col-md-3 col-sm-4">
  1665. <i class="glyphicon glyphicon-arrow-right"></i>
  1666. <span>glyphicon-arrow-right</span>
  1667. </div>
  1668. <div class="col-md-3 col-sm-4">
  1669. <i class="glyphicon glyphicon-arrow-up"></i>
  1670. <span>glyphicon-arrow-up</span>
  1671. </div>
  1672. <div class="col-md-3 col-sm-4">
  1673. <i class="glyphicon glyphicon-arrow-down"></i>
  1674. <span>glyphicon-arrow-down</span>
  1675. </div>
  1676. <div class="col-md-3 col-sm-4">
  1677. <i class="glyphicon glyphicon-share-alt"></i>
  1678. <span>glyphicon-share-alt</span>
  1679. </div>
  1680. <div class="col-md-3 col-sm-4">
  1681. <i class="glyphicon glyphicon-resize-full"></i>
  1682. <span>glyphicon-resize-full</span>
  1683. </div>
  1684. <div class="col-md-3 col-sm-4">
  1685. <i class="glyphicon glyphicon-resize-small"></i>
  1686. <span>glyphicon-resize-small</span>
  1687. </div>
  1688. <div class="col-md-3 col-sm-4">
  1689. <i class="glyphicon glyphicon-exclamation-sign"></i>
  1690. <span>glyphicon-exclamation-sign</span>
  1691. </div>
  1692. <div class="col-md-3 col-sm-4">
  1693. <i class="glyphicon glyphicon-gift"></i>
  1694. <span>glyphicon-gift</span>
  1695. </div>
  1696. <div class="col-md-3 col-sm-4">
  1697. <i class="glyphicon glyphicon-leaf"></i>
  1698. <span>glyphicon-leaf</span>
  1699. </div>
  1700. <div class="col-md-3 col-sm-4">
  1701. <i class="glyphicon glyphicon-fire"></i>
  1702. <span>glyphicon-fire</span>
  1703. </div>
  1704. <div class="col-md-3 col-sm-4">
  1705. <i class="glyphicon glyphicon-eye-open"></i>
  1706. <span>glyphicon-eye-open</span>
  1707. </div>
  1708. <div class="col-md-3 col-sm-4">
  1709. <i class="glyphicon glyphicon-eye-close"></i>
  1710. <span>glyphicon-eye-close</span>
  1711. </div>
  1712. <div class="col-md-3 col-sm-4">
  1713. <i class="glyphicon glyphicon-warning-sign"></i>
  1714. <span>glyphicon-warning-sign</span>
  1715. </div>
  1716. <div class="col-md-3 col-sm-4">
  1717. <i class="glyphicon glyphicon-plane"></i>
  1718. <span>glyphicon-plane</span>
  1719. </div>
  1720. <div class="col-md-3 col-sm-4">
  1721. <i class="glyphicon glyphicon-calendar"></i>
  1722. <span>glyphicon-calendar</span>
  1723. </div>
  1724. <div class="col-md-3 col-sm-4">
  1725. <i class="glyphicon glyphicon-random"></i>
  1726. <span>glyphicon-random</span>
  1727. </div>
  1728. <div class="col-md-3 col-sm-4">
  1729. <i class="glyphicon glyphicon-comment"></i>
  1730. <span>glyphicon-comment</span>
  1731. </div>
  1732. <div class="col-md-3 col-sm-4">
  1733. <i class="glyphicon glyphicon-magnet"></i>
  1734. <span>glyphicon-magnet</span>
  1735. </div>
  1736. <div class="col-md-3 col-sm-4">
  1737. <i class="glyphicon glyphicon-chevron-up"></i>
  1738. <span>glyphicon-chevron-up</span>
  1739. </div>
  1740. <div class="col-md-3 col-sm-4">
  1741. <i class="glyphicon glyphicon-chevron-down"></i>
  1742. <span>glyphicon-chevron-down</span>
  1743. </div>
  1744. <div class="col-md-3 col-sm-4">
  1745. <i class="glyphicon glyphicon-retweet"></i>
  1746. <span>glyphicon-retweet</span>
  1747. </div>
  1748. <div class="col-md-3 col-sm-4">
  1749. <i class="glyphicon glyphicon-shopping-cart"></i>
  1750. <span>glyphicon-shopping-cart</span>
  1751. </div>
  1752. <div class="col-md-3 col-sm-4">
  1753. <i class="glyphicon glyphicon-folder-close"></i>
  1754. <span>glyphicon-folder-close</span>
  1755. </div>
  1756. <div class="col-md-3 col-sm-4">
  1757. <i class="glyphicon glyphicon-folder-open"></i>
  1758. <span>glyphicon-folder-open</span>
  1759. </div>
  1760. <div class="col-md-3 col-sm-4">
  1761. <i class="glyphicon glyphicon-resize-vertical"></i>
  1762. <span>glyphicon-resize-vertical</span>
  1763. </div>
  1764. <div class="col-md-3 col-sm-4">
  1765. <i class="glyphicon glyphicon-resize-horizontal"></i>
  1766. <span>glyphicon-resize-horizontal</span>
  1767. </div>
  1768. <div class="col-md-3 col-sm-4">
  1769. <i class="glyphicon glyphicon-hdd"></i>
  1770. <span>glyphicon-hdd</span>
  1771. </div>
  1772. <div class="col-md-3 col-sm-4">
  1773. <i class="glyphicon glyphicon-bullhorn"></i>
  1774. <span>glyphicon-bullhorn</span>
  1775. </div>
  1776. <div class="col-md-3 col-sm-4">
  1777. <i class="glyphicon glyphicon-bell"></i>
  1778. <span>glyphicon-bell</span>
  1779. </div>
  1780. <div class="col-md-3 col-sm-4">
  1781. <i class="glyphicon glyphicon-certificate"></i>
  1782. <span>glyphicon-certificate</span>
  1783. </div>
  1784. <div class="col-md-3 col-sm-4">
  1785. <i class="glyphicon glyphicon-thumbs-up"></i>
  1786. <span>glyphicon-thumbs-up</span>
  1787. </div>
  1788. <div class="col-md-3 col-sm-4">
  1789. <i class="glyphicon glyphicon-thumbs-down"></i>
  1790. <span>glyphicon-thumbs-down</span>
  1791. </div>
  1792. <div class="col-md-3 col-sm-4">
  1793. <i class="glyphicon glyphicon-hand-right"></i>
  1794. <span>glyphicon-hand-right</span>
  1795. </div>
  1796. <div class="col-md-3 col-sm-4">
  1797. <i class="glyphicon glyphicon-hand-left"></i>
  1798. <span>glyphicon-hand-left</span>
  1799. </div>
  1800. <div class="col-md-3 col-sm-4">
  1801. <i class="glyphicon glyphicon-hand-up"></i>
  1802. <span>glyphicon-hand-up</span>
  1803. </div>
  1804. <div class="col-md-3 col-sm-4">
  1805. <i class="glyphicon glyphicon-hand-down"></i>
  1806. <span>glyphicon-hand-down</span>
  1807. </div>
  1808. <div class="col-md-3 col-sm-4">
  1809. <i class="glyphicon glyphicon-circle-arrow-right"></i>
  1810. <span>glyphicon-circle-arrow-right</span>
  1811. </div>
  1812. <div class="col-md-3 col-sm-4">
  1813. <i class="glyphicon glyphicon-circle-arrow-left"></i>
  1814. <span>glyphicon-circle-arrow-left</span>
  1815. </div>
  1816. <div class="col-md-3 col-sm-4">
  1817. <i class="glyphicon glyphicon-circle-arrow-up"></i>
  1818. <span>glyphicon-circle-arrow-up</span>
  1819. </div>
  1820. <div class="col-md-3 col-sm-4">
  1821. <i class="glyphicon glyphicon-circle-arrow-down"></i>
  1822. <span>glyphicon-circle-arrow-down</span>
  1823. </div>
  1824. <div class="col-md-3 col-sm-4">
  1825. <i class="glyphicon glyphicon-globe"></i>
  1826. <span>glyphicon-globe</span>
  1827. </div>
  1828. <div class="col-md-3 col-sm-4">
  1829. <i class="glyphicon glyphicon-wrench"></i>
  1830. <span>glyphicon-wrench</span>
  1831. </div>
  1832. <div class="col-md-3 col-sm-4">
  1833. <i class="glyphicon glyphicon-tasks"></i>
  1834. <span>glyphicon-tasks</span>
  1835. </div>
  1836. <div class="col-md-3 col-sm-4">
  1837. <i class="glyphicon glyphicon-filter"></i>
  1838. <span>glyphicon-filter</span>
  1839. </div>
  1840. <div class="col-md-3 col-sm-4">
  1841. <i class="glyphicon glyphicon-briefcase"></i>
  1842. <span>glyphicon-briefcase</span>
  1843. </div>
  1844. <div class="col-md-3 col-sm-4">
  1845. <i class="glyphicon glyphicon-fullscreen"></i>
  1846. <span>glyphicon-fullscreen</span>
  1847. </div>
  1848. <div class="col-md-3 col-sm-4">
  1849. <i class="glyphicon glyphicon-dashboard"></i>
  1850. <span>glyphicon-dashboard</span>
  1851. </div>
  1852. <div class="col-md-3 col-sm-4">
  1853. <i class="glyphicon glyphicon-paperclip"></i>
  1854. <span>glyphicon-paperclip</span>
  1855. </div>
  1856. <div class="col-md-3 col-sm-4">
  1857. <i class="glyphicon glyphicon-heart-empty"></i>
  1858. <span>glyphicon-heart-empty</span>
  1859. </div>
  1860. <div class="col-md-3 col-sm-4">
  1861. <i class="glyphicon glyphicon-link"></i>
  1862. <span>glyphicon-link</span>
  1863. </div>
  1864. <div class="col-md-3 col-sm-4">
  1865. <i class="glyphicon glyphicon-phone"></i>
  1866. <span>glyphicon-phone</span>
  1867. </div>
  1868. <div class="col-md-3 col-sm-4">
  1869. <i class="glyphicon glyphicon-pushpin"></i>
  1870. <span>glyphicon-pushpin</span>
  1871. </div>
  1872. <div class="col-md-3 col-sm-4">
  1873. <i class="glyphicon glyphicon-usd"></i>
  1874. <span>glyphicon-usd</span>
  1875. </div>
  1876. <div class="col-md-3 col-sm-4">
  1877. <i class="glyphicon glyphicon-gbp"></i>
  1878. <span>glyphicon-gbp</span>
  1879. </div>
  1880. <div class="col-md-3 col-sm-4">
  1881. <i class="glyphicon glyphicon-sort"></i>
  1882. <span>glyphicon-sort</span>
  1883. </div>
  1884. <div class="col-md-3 col-sm-4">
  1885. <i class="glyphicon glyphicon-sort-by-alphabet"></i>
  1886. <span>glyphicon-sort-by-alphabet</span>
  1887. </div>
  1888. <div class="col-md-3 col-sm-4">
  1889. <i class="glyphicon glyphicon-sort-by-alphabet-alt"></i>
  1890. <span>glyphicon-sort-by-alphabet-alt</span>
  1891. </div>
  1892. <div class="col-md-3 col-sm-4">
  1893. <i class="glyphicon glyphicon-sort-by-order"></i>
  1894. <span>glyphicon-sort-by-order</span>
  1895. </div>
  1896. <div class="col-md-3 col-sm-4">
  1897. <i class="glyphicon glyphicon-sort-by-order-alt"></i>
  1898. <span>glyphicon-sort-by-order-alt</span>
  1899. </div>
  1900. <div class="col-md-3 col-sm-4">
  1901. <i class="glyphicon glyphicon-sort-by-attributes"></i>
  1902. <span>glyphicon-sort-by-attributes</span>
  1903. </div>
  1904. <div class="col-md-3 col-sm-4">
  1905. <i class="glyphicon glyphicon-sort-by-attributes-alt"></i>
  1906. <span>glyphicon-sort-by-attributes-alt</span>
  1907. </div>
  1908. <div class="col-md-3 col-sm-4">
  1909. <i class="glyphicon glyphicon-unchecked"></i>
  1910. <span>glyphicon-unchecked</span>
  1911. </div>
  1912. <div class="col-md-3 col-sm-4">
  1913. <i class="glyphicon glyphicon-expand"></i>
  1914. <span>glyphicon-expand</span>
  1915. </div>
  1916. <div class="col-md-3 col-sm-4">
  1917. <i class="glyphicon glyphicon-collapse-down"></i>
  1918. <span>glyphicon-collapse-down</span>
  1919. </div>
  1920. <div class="col-md-3 col-sm-4">
  1921. <i class="glyphicon glyphicon-collapse-up"></i>
  1922. <span>glyphicon-collapse-up</span>
  1923. </div>
  1924. <div class="col-md-3 col-sm-4">
  1925. <i class="glyphicon glyphicon-log-in"></i>
  1926. <span>glyphicon-log-in</span>
  1927. </div>
  1928. <div class="col-md-3 col-sm-4">
  1929. <i class="glyphicon glyphicon-flash"></i>
  1930. <span>glyphicon-flash</span>
  1931. </div>
  1932. <div class="col-md-3 col-sm-4">
  1933. <i class="glyphicon glyphicon-log-out"></i>
  1934. <span>glyphicon-log-out</span>
  1935. </div>
  1936. <div class="col-md-3 col-sm-4">
  1937. <i class="glyphicon glyphicon-new-window"></i>
  1938. <span>glyphicon-new-window</span>
  1939. </div>
  1940. <div class="col-md-3 col-sm-4">
  1941. <i class="glyphicon glyphicon-record"></i>
  1942. <span>glyphicon-record</span>
  1943. </div>
  1944. <div class="col-md-3 col-sm-4">
  1945. <i class="glyphicon glyphicon-save"></i>
  1946. <span>glyphicon-save</span>
  1947. </div>
  1948. <div class="col-md-3 col-sm-4">
  1949. <i class="glyphicon glyphicon-open"></i>
  1950. <span>glyphicon-open</span>
  1951. </div>
  1952. <div class="col-md-3 col-sm-4">
  1953. <i class="glyphicon glyphicon-saved"></i>
  1954. <span>glyphicon-saved</span>
  1955. </div>
  1956. <div class="col-md-3 col-sm-4">
  1957. <i class="glyphicon glyphicon-import"></i>
  1958. <span>glyphicon-import</span>
  1959. </div>
  1960. <div class="col-md-3 col-sm-4">
  1961. <i class="glyphicon glyphicon-export"></i>
  1962. <span>glyphicon-export</span>
  1963. </div>
  1964. <div class="col-md-3 col-sm-4">
  1965. <i class="glyphicon glyphicon-send"></i>
  1966. <span>glyphicon-send</span>
  1967. </div>
  1968. <div class="col-md-3 col-sm-4">
  1969. <i class="glyphicon glyphicon-floppy-disk"></i>
  1970. <span>glyphicon-floppy-disk</span>
  1971. </div>
  1972. <div class="col-md-3 col-sm-4">
  1973. <i class="glyphicon glyphicon-floppy-saved"></i>
  1974. <span>glyphicon-floppy-saved</span>
  1975. </div>
  1976. <div class="col-md-3 col-sm-4">
  1977. <i class="glyphicon glyphicon-floppy-remove"></i>
  1978. <span>glyphicon-floppy-remove</span>
  1979. </div>
  1980. <div class="col-md-3 col-sm-4">
  1981. <i class="glyphicon glyphicon-floppy-save"></i>
  1982. <span>glyphicon-floppy-save</span>
  1983. </div>
  1984. <div class="col-md-3 col-sm-4">
  1985. <i class="glyphicon glyphicon-floppy-open"></i>
  1986. <span>glyphicon-floppy-open</span>
  1987. </div>
  1988. <div class="col-md-3 col-sm-4">
  1989. <i class="glyphicon glyphicon-credit-card"></i>
  1990. <span>glyphicon-credit-card</span>
  1991. </div>
  1992. <div class="col-md-3 col-sm-4">
  1993. <i class="glyphicon glyphicon-transfer"></i>
  1994. <span>glyphicon-transfer</span>
  1995. </div>
  1996. <div class="col-md-3 col-sm-4">
  1997. <i class="glyphicon glyphicon-cutlery"></i>
  1998. <span>glyphicon-cutlery</span>
  1999. </div>
  2000. <div class="col-md-3 col-sm-4">
  2001. <i class="glyphicon glyphicon-header"></i>
  2002. <span>glyphicon-header</span>
  2003. </div>
  2004. <div class="col-md-3 col-sm-4">
  2005. <i class="glyphicon glyphicon-compressed"></i>
  2006. <span>glyphicon-compressed</span>
  2007. </div>
  2008. <div class="col-md-3 col-sm-4">
  2009. <i class="glyphicon glyphicon-earphone"></i>
  2010. <span>glyphicon-earphone</span>
  2011. </div>
  2012. <div class="col-md-3 col-sm-4">
  2013. <i class="glyphicon glyphicon-phone-alt"></i>
  2014. <span>glyphicon-phone-alt</span>
  2015. </div>
  2016. <div class="col-md-3 col-sm-4">
  2017. <i class="glyphicon glyphicon-tower"></i>
  2018. <span>glyphicon-tower</span>
  2019. </div>
  2020. <div class="col-md-3 col-sm-4">
  2021. <i class="glyphicon glyphicon-stats"></i>
  2022. <span>glyphicon-stats</span>
  2023. </div>
  2024. <div class="col-md-3 col-sm-4">
  2025. <i class="glyphicon glyphicon-sd-video"></i>
  2026. <span>glyphicon-sd-video</span>
  2027. </div>
  2028. <div class="col-md-3 col-sm-4">
  2029. <i class="glyphicon glyphicon-hd-video"></i>
  2030. <span>glyphicon-hd-video</span>
  2031. </div>
  2032. <div class="col-md-3 col-sm-4">
  2033. <i class="glyphicon glyphicon-subtitles"></i>
  2034. <span>glyphicon-subtitles</span>
  2035. </div>
  2036. <div class="col-md-3 col-sm-4">
  2037. <i class="glyphicon glyphicon-sound-stereo"></i>
  2038. <span>glyphicon-sound-stereo</span>
  2039. </div>
  2040. <div class="col-md-3 col-sm-4">
  2041. <i class="glyphicon glyphicon-sound-dolby"></i>
  2042. <span>glyphicon-sound-dolby</span>
  2043. </div>
  2044. <div class="col-md-3 col-sm-4">
  2045. <i class="glyphicon glyphicon-sound-5-1"></i>
  2046. <span>glyphicon-sound-5-1</span>
  2047. </div>
  2048. <div class="col-md-3 col-sm-4">
  2049. <i class="glyphicon glyphicon-sound-6-1"></i>
  2050. <span>glyphicon-sound-6-1</span>
  2051. </div>
  2052. <div class="col-md-3 col-sm-4">
  2053. <i class="glyphicon glyphicon-sound-7-1"></i>
  2054. <span>glyphicon-sound-7-1</span>
  2055. </div>
  2056. <div class="col-md-3 col-sm-4">
  2057. <i class="glyphicon glyphicon-copyright-mark"></i>
  2058. <span>glyphicon-copyright-mark</span>
  2059. </div>
  2060. <div class="col-md-3 col-sm-4">
  2061. <i class="glyphicon glyphicon-registration-mark"></i>
  2062. <span>glyphicon-registration-mark</span>
  2063. </div>
  2064. <div class="col-md-3 col-sm-4">
  2065. <i class="glyphicon glyphicon-cloud-download"></i>
  2066. <span>glyphicon-cloud-download</span>
  2067. </div>
  2068. <div class="col-md-3 col-sm-4">
  2069. <i class="glyphicon glyphicon-cloud-upload"></i>
  2070. <span>glyphicon-cloud-upload</span>
  2071. </div>
  2072. <div class="col-md-3 col-sm-4">
  2073. <i class="glyphicon glyphicon-tree-conifer"></i>
  2074. <span>glyphicon-tree-conifer</span>
  2075. </div>
  2076. <div class="col-md-3 col-sm-4">
  2077. <i class="glyphicon glyphicon-tree-deciduous"></i>
  2078. <span>glyphicon-tree-deciduous</span>
  2079. </div>
  2080. </div>
  2081. </div>