@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (417) hide show
  1. package/README.md +151 -11
  2. package/es/assets/iconFont/demo.css +539 -0
  3. package/es/assets/iconFont/demo_index.html +4400 -0
  4. package/es/assets/iconFont/iconfont.css +22 -6
  5. package/es/assets/iconFont/iconfont.eot +0 -0
  6. package/es/assets/iconFont/iconfont.json +28 -0
  7. package/es/assets/iconFont/iconfont.svg +8 -0
  8. package/es/assets/iconFont/iconfont.ttf +0 -0
  9. package/es/assets/iconFont/iconfont.woff +0 -0
  10. package/es/assets/iconFont/iconfont.woff2 +0 -0
  11. package/es/assets/react.svg +1 -0
  12. package/es/assets/token.json +902 -238
  13. package/es/components/Accordion/designTokens.d.ts +11 -0
  14. package/es/components/Accordion/designTokens.js +16 -0
  15. package/es/components/Accordion/index.d.ts +21 -0
  16. package/es/components/Accordion/index.js +77 -0
  17. package/es/components/Accordion/style/index.less +14 -0
  18. package/es/components/Accordion/style/variables.less +4 -0
  19. package/es/components/Amount/designTokens.d.ts +6 -0
  20. package/es/components/Amount/designTokens.js +9 -0
  21. package/es/components/Amount/index.d.ts +23 -0
  22. package/es/components/Amount/index.js +144 -0
  23. package/es/components/Amount/style/index.less +10 -0
  24. package/es/components/Amount/style/variables.less +4 -0
  25. package/es/components/Button/designTokens.js +6 -7
  26. package/es/components/Button/index.d.ts +17 -22
  27. package/es/components/Button/index.js +85 -46
  28. package/es/components/Button/style/{button.less → index.less} +6 -2
  29. package/es/components/Chip/designTokens.d.ts +15 -0
  30. package/es/components/Chip/designTokens.js +22 -0
  31. package/es/components/Chip/index.d.ts +13 -0
  32. package/es/components/Chip/index.js +98 -0
  33. package/es/components/Chip/style/index.less +9 -0
  34. package/es/components/Chip/style/variables.less +4 -0
  35. package/es/components/Divider/index.d.ts +16 -0
  36. package/es/components/Divider/index.js +55 -0
  37. package/es/components/Divider/style/index.less +78 -0
  38. package/es/components/Divider/style/variables.less +4 -0
  39. package/es/components/Drawer/designTokens.d.ts +16 -0
  40. package/es/components/Drawer/designTokens.js +27 -0
  41. package/es/components/Drawer/index.d.ts +21 -0
  42. package/es/components/Drawer/index.js +189 -0
  43. package/es/components/Drawer/style/index.less +73 -0
  44. package/es/components/Drawer/style/variables.less +8 -0
  45. package/es/components/Icon/Icon.d.ts +9 -0
  46. package/es/components/Icon/Icon.js +18 -0
  47. package/es/components/Icon/designTokens.d.ts +6 -0
  48. package/es/components/Icon/designTokens.js +7 -0
  49. package/es/components/Icon/index.d.ts +12 -0
  50. package/es/components/Icon/index.js +29 -0
  51. package/es/components/IconButton/designTokens.d.ts +21 -0
  52. package/es/components/IconButton/designTokens.js +39 -0
  53. package/es/components/IconButton/index.d.ts +24 -0
  54. package/es/components/IconButton/index.js +106 -0
  55. package/es/components/IconButton/style/index.less +59 -0
  56. package/es/components/IconButton/style/variables.less +5 -0
  57. package/es/components/IconButtonGroup/index.d.ts +15 -0
  58. package/es/components/IconButtonGroup/index.js +22 -0
  59. package/es/components/Image/index.d.ts +12 -0
  60. package/es/components/Image/index.js +33 -0
  61. package/es/components/ListItem/designTokens.d.ts +30 -0
  62. package/es/components/ListItem/designTokens.js +31 -0
  63. package/es/components/ListItem/index.d.ts +60 -0
  64. package/es/components/ListItem/index.js +227 -0
  65. package/es/components/ListItem/style/index.less +77 -0
  66. package/es/components/ListItem/style/variables.less +1 -0
  67. package/es/components/Modal/designTokens.d.ts +31 -0
  68. package/es/components/Modal/designTokens.js +35 -0
  69. package/es/components/Modal/index.d.ts +14 -0
  70. package/es/components/Modal/index.js +101 -0
  71. package/es/components/Modal/style/index.less +92 -0
  72. package/es/components/Modal/style/variables.less +5 -0
  73. package/es/components/Navigation/designTokens.d.ts +16 -0
  74. package/es/components/Navigation/designTokens.js +19 -0
  75. package/es/components/Navigation/index.d.ts +31 -0
  76. package/es/components/Navigation/index.js +110 -0
  77. package/es/components/Navigation/style/index.less +52 -0
  78. package/es/components/Navigation/style/variables.less +1 -0
  79. package/es/components/Search/designTokens.d.ts +34 -0
  80. package/es/components/Search/designTokens.js +51 -0
  81. package/es/components/Search/index.d.ts +13 -0
  82. package/es/components/Search/index.js +85 -0
  83. package/es/components/Search/style/index.less +32 -0
  84. package/es/components/Search/style/variables.less +5 -0
  85. package/es/components/Stepper/designTokens.d.ts +26 -0
  86. package/es/components/Stepper/designTokens.js +60 -0
  87. package/es/components/Stepper/index.d.ts +22 -0
  88. package/es/components/Stepper/index.js +153 -0
  89. package/es/components/Stepper/style/index.less +140 -0
  90. package/es/components/Stepper/style/variables.less +5 -0
  91. package/es/components/StickyFooter/designTokens.d.ts +10 -0
  92. package/es/components/StickyFooter/designTokens.js +17 -0
  93. package/es/components/StickyFooter/index.d.ts +17 -0
  94. package/es/components/StickyFooter/index.js +83 -0
  95. package/es/components/StickyFooter/style/index.less +18 -0
  96. package/es/components/StickyFooter/style/variables.less +4 -0
  97. package/es/components/Tabs/designTokens.d.ts +44 -0
  98. package/es/components/Tabs/designTokens.js +64 -0
  99. package/es/components/Tabs/index.d.ts +14 -0
  100. package/es/components/Tabs/index.js +102 -0
  101. package/es/components/Tabs/style/index.less +25 -0
  102. package/es/components/Tabs/style/variables.less +4 -0
  103. package/es/components/Tag/designTokens.d.ts +90 -0
  104. package/es/components/Tag/designTokens.js +124 -0
  105. package/es/components/Tag/index.d.ts +15 -0
  106. package/es/components/Tag/index.js +85 -0
  107. package/es/components/Tag/style/index.less +9 -0
  108. package/es/components/Tag/style/variables.less +4 -0
  109. package/es/components/Text/designTokens.d.ts +51 -0
  110. package/es/components/Text/designTokens.js +52 -0
  111. package/es/components/Text/index.d.ts +6 -25
  112. package/es/components/Text/index.js +69 -56
  113. package/es/components/Text/style/index.less +2 -0
  114. package/es/components/TextInputInside/designTokens.d.ts +38 -0
  115. package/es/components/TextInputInside/designTokens.js +59 -0
  116. package/es/components/TextInputInside/index.d.ts +10 -0
  117. package/es/components/TextInputInside/index.js +141 -0
  118. package/es/components/TextInputInside/style/index.less +36 -0
  119. package/es/components/TextInputInside/style/variables.less +5 -0
  120. package/es/components/TextInputOutside/designTokens.d.ts +41 -0
  121. package/es/components/TextInputOutside/designTokens.js +67 -0
  122. package/es/components/TextInputOutside/index.d.ts +18 -0
  123. package/es/components/TextInputOutside/index.js +66 -0
  124. package/es/components/TextInputOutside/style/index.less +4 -0
  125. package/es/components/TextInputOutside/style/variables.less +5 -0
  126. package/es/components/TextLink/designTokens.d.ts +10 -0
  127. package/es/components/TextLink/designTokens.js +11 -0
  128. package/es/components/TextLink/index.d.ts +20 -0
  129. package/es/components/TextLink/index.js +95 -0
  130. package/es/components/Toast/designTokens.d.ts +13 -0
  131. package/es/components/Toast/designTokens.js +20 -0
  132. package/es/components/Toast/index.d.ts +26 -0
  133. package/es/components/Toast/index.js +175 -0
  134. package/es/components/Toast/style/index.less +9 -0
  135. package/es/components/Toast/style/variables.less +12 -0
  136. package/es/components/Toggle/designTokens.d.ts +9 -0
  137. package/es/components/Toggle/designTokens.js +13 -0
  138. package/es/components/Toggle/index.d.ts +27 -0
  139. package/es/components/Toggle/index.js +21 -0
  140. package/es/components/index.d.ts +45 -0
  141. package/es/components/index.js +26 -2
  142. package/es/constants/index.d.ts +1 -0
  143. package/es/constants/index.js +2 -2
  144. package/es/fonts/SF/SF-Pro-Display-BlackItalic.otf +0 -0
  145. package/es/fonts/SF/SF-Pro-Text-Bold.otf +0 -0
  146. package/es/fonts/SF/SF-Pro-Text-Medium.eot +0 -0
  147. package/es/fonts/SF/SF-Pro-Text-Medium.otf +0 -0
  148. package/es/fonts/SF/SF-Pro-Text-Medium.svg +40549 -0
  149. package/es/fonts/SF/SF-Pro-Text-Medium.ttf +0 -0
  150. package/es/fonts/SF/SF-Pro-Text-Medium.woff +0 -0
  151. package/es/fonts/SF/SF-Pro-Text-Medium.woff2 +0 -0
  152. package/es/fonts/SF/SF-Pro-Text-Regular.otf +0 -0
  153. package/es/fonts/SF/SF-Pro-Text-Regular.ttf +0 -0
  154. package/es/fonts/SF/SF-Pro-Text-Semibold.otf +0 -0
  155. package/es/fonts/SF/SF-Pro-Text-SemiboldItalic.otf +0 -0
  156. package/es/index.d.ts +1 -0
  157. package/es/index.js +1 -2
  158. package/es/style/variables.less +53 -27
  159. package/es/tokens/DXPGlobal.d.ts +255 -193
  160. package/es/tokens/DXPGlobal.js +4 -3
  161. package/es/utils/noop.js +1 -2
  162. package/es/utils/scaleTool.d.ts +12 -0
  163. package/es/utils/scaleTool.js +48 -0
  164. package/es/utils/theme.d.ts +11 -0
  165. package/es/utils/theme.js +15 -0
  166. package/es/utils/themeContext.d.ts +35 -2
  167. package/es/utils/themeContext.js +27 -7
  168. package/es/utils/tokenHelper.js +1 -2
  169. package/es/utils/tokenManager.d.ts +110 -2
  170. package/es/utils/tokenManager.js +778 -724
  171. package/lib/assets/iconFont/demo.css +539 -0
  172. package/lib/assets/iconFont/demo_index.html +4400 -0
  173. package/lib/assets/iconFont/iconfont.css +750 -0
  174. package/lib/assets/iconFont/iconfont.eot +0 -0
  175. package/lib/assets/iconFont/iconfont.json +1290 -0
  176. package/lib/assets/iconFont/iconfont.svg +385 -0
  177. package/lib/assets/iconFont/iconfont.ttf +0 -0
  178. package/lib/assets/iconFont/iconfont.woff +0 -0
  179. package/lib/assets/iconFont/iconfont.woff2 +0 -0
  180. package/lib/assets/react.svg +1 -0
  181. package/lib/assets/token.json +903 -0
  182. package/lib/components/Accordion/designTokens.d.ts +11 -0
  183. package/lib/components/Accordion/designTokens.js +42 -0
  184. package/lib/components/Accordion/index.d.ts +21 -0
  185. package/lib/components/Accordion/index.js +96 -0
  186. package/lib/components/Accordion/style/index.less +14 -0
  187. package/lib/components/Accordion/style/variables.less +4 -0
  188. package/lib/components/Amount/designTokens.d.ts +6 -0
  189. package/lib/components/Amount/designTokens.js +33 -0
  190. package/lib/components/Amount/index.d.ts +23 -0
  191. package/lib/components/Amount/index.js +160 -0
  192. package/lib/components/Amount/style/index.less +10 -0
  193. package/lib/components/Amount/style/variables.less +4 -0
  194. package/lib/components/Button/demo/index.d.ts +3 -0
  195. package/lib/components/Button/demo/index.js +138 -0
  196. package/lib/components/Button/designTokens.d.ts +66 -0
  197. package/lib/components/Button/designTokens.js +139 -0
  198. package/lib/components/Button/index.d.ts +39 -0
  199. package/lib/components/Button/index.js +132 -0
  200. package/lib/components/Button/style/index.less +38 -0
  201. package/lib/components/Button/style/variables.less +5 -0
  202. package/lib/components/Chip/designTokens.d.ts +15 -0
  203. package/lib/components/Chip/designTokens.js +45 -0
  204. package/lib/components/Chip/index.d.ts +13 -0
  205. package/lib/components/Chip/index.js +178 -0
  206. package/lib/components/Chip/style/index.less +9 -0
  207. package/lib/components/Chip/style/variables.less +4 -0
  208. package/lib/components/Divider/index.d.ts +16 -0
  209. package/lib/components/Divider/index.js +111 -0
  210. package/lib/components/Divider/style/index.less +78 -0
  211. package/lib/components/Divider/style/variables.less +4 -0
  212. package/lib/components/Drawer/designTokens.d.ts +16 -0
  213. package/lib/components/Drawer/designTokens.js +62 -0
  214. package/lib/components/Drawer/index.d.ts +21 -0
  215. package/lib/components/Drawer/index.js +229 -0
  216. package/lib/components/Drawer/style/index.less +73 -0
  217. package/lib/components/Drawer/style/variables.less +8 -0
  218. package/lib/components/Icon/Icon.d.ts +9 -0
  219. package/lib/components/Icon/Icon.js +74 -0
  220. package/lib/components/Icon/designTokens.d.ts +6 -0
  221. package/lib/components/Icon/designTokens.js +41 -0
  222. package/lib/components/Icon/index.d.ts +12 -0
  223. package/lib/components/Icon/index.js +73 -0
  224. package/lib/components/IconButton/designTokens.d.ts +21 -0
  225. package/lib/components/IconButton/designTokens.js +61 -0
  226. package/lib/components/IconButton/index.d.ts +24 -0
  227. package/lib/components/IconButton/index.js +202 -0
  228. package/lib/components/IconButton/style/index.less +59 -0
  229. package/lib/components/IconButton/style/variables.less +5 -0
  230. package/lib/components/IconButtonGroup/index.d.ts +15 -0
  231. package/lib/components/IconButtonGroup/index.js +53 -0
  232. package/lib/components/Image/index.d.ts +12 -0
  233. package/lib/components/Image/index.js +102 -0
  234. package/lib/components/ListItem/designTokens.d.ts +30 -0
  235. package/lib/components/ListItem/designTokens.js +65 -0
  236. package/lib/components/ListItem/index.d.ts +60 -0
  237. package/lib/components/ListItem/index.js +348 -0
  238. package/lib/components/ListItem/style/index.less +77 -0
  239. package/lib/components/ListItem/style/variables.less +1 -0
  240. package/lib/components/Modal/designTokens.d.ts +31 -0
  241. package/lib/components/Modal/designTokens.js +88 -0
  242. package/lib/components/Modal/index.d.ts +14 -0
  243. package/lib/components/Modal/index.js +168 -0
  244. package/lib/components/Modal/style/index.less +92 -0
  245. package/lib/components/Modal/style/variables.less +5 -0
  246. package/lib/components/Navigation/designTokens.d.ts +16 -0
  247. package/lib/components/Navigation/designTokens.js +53 -0
  248. package/lib/components/Navigation/index.d.ts +31 -0
  249. package/lib/components/Navigation/index.js +174 -0
  250. package/lib/components/Navigation/style/index.less +52 -0
  251. package/lib/components/Navigation/style/variables.less +1 -0
  252. package/lib/components/Search/designTokens.d.ts +34 -0
  253. package/lib/components/Search/designTokens.js +77 -0
  254. package/lib/components/Search/index.d.ts +13 -0
  255. package/lib/components/Search/index.js +137 -0
  256. package/lib/components/Search/style/index.less +32 -0
  257. package/lib/components/Search/style/variables.less +5 -0
  258. package/lib/components/Stepper/designTokens.d.ts +26 -0
  259. package/lib/components/Stepper/designTokens.js +90 -0
  260. package/lib/components/Stepper/index.d.ts +22 -0
  261. package/lib/components/Stepper/index.js +118 -0
  262. package/lib/components/Stepper/style/index.less +140 -0
  263. package/lib/components/Stepper/style/variables.less +5 -0
  264. package/lib/components/StickyFooter/designTokens.d.ts +10 -0
  265. package/lib/components/StickyFooter/designTokens.js +41 -0
  266. package/lib/components/StickyFooter/index.d.ts +17 -0
  267. package/lib/components/StickyFooter/index.js +150 -0
  268. package/lib/components/StickyFooter/style/index.less +18 -0
  269. package/lib/components/StickyFooter/style/variables.less +4 -0
  270. package/lib/components/Tabs/designTokens.d.ts +44 -0
  271. package/lib/components/Tabs/designTokens.js +90 -0
  272. package/lib/components/Tabs/index.d.ts +14 -0
  273. package/lib/components/Tabs/index.js +145 -0
  274. package/lib/components/Tabs/style/index.less +25 -0
  275. package/lib/components/Tabs/style/variables.less +4 -0
  276. package/lib/components/Tag/designTokens.d.ts +90 -0
  277. package/lib/components/Tag/designTokens.js +181 -0
  278. package/lib/components/Tag/index.d.ts +15 -0
  279. package/lib/components/Tag/index.js +146 -0
  280. package/lib/components/Tag/style/index.less +9 -0
  281. package/lib/components/Tag/style/variables.less +4 -0
  282. package/lib/components/Text/designTokens.d.ts +51 -0
  283. package/lib/components/Text/designTokens.js +75 -0
  284. package/lib/components/Text/index.d.ts +13 -0
  285. package/lib/components/Text/index.js +432 -0
  286. package/lib/components/Text/style/index.less +2 -0
  287. package/lib/components/Text/style/variables.less +4 -0
  288. package/lib/components/TextInputInside/designTokens.d.ts +38 -0
  289. package/lib/components/TextInputInside/designTokens.js +100 -0
  290. package/lib/components/TextInputInside/index.d.ts +10 -0
  291. package/lib/components/TextInputInside/index.js +230 -0
  292. package/lib/components/TextInputInside/style/index.less +36 -0
  293. package/lib/components/TextInputInside/style/variables.less +5 -0
  294. package/lib/components/TextInputOutside/designTokens.d.ts +41 -0
  295. package/lib/components/TextInputOutside/designTokens.js +95 -0
  296. package/lib/components/TextInputOutside/index.d.ts +18 -0
  297. package/lib/components/TextInputOutside/index.js +110 -0
  298. package/lib/components/TextInputOutside/style/index.less +4 -0
  299. package/lib/components/TextInputOutside/style/variables.less +5 -0
  300. package/lib/components/TextLink/designTokens.d.ts +10 -0
  301. package/lib/components/TextLink/designTokens.js +45 -0
  302. package/lib/components/TextLink/index.d.ts +20 -0
  303. package/lib/components/TextLink/index.js +120 -0
  304. package/lib/components/Toast/designTokens.d.ts +13 -0
  305. package/lib/components/Toast/designTokens.js +40 -0
  306. package/lib/components/Toast/index.d.ts +26 -0
  307. package/lib/components/Toast/index.js +213 -0
  308. package/lib/components/Toast/style/index.less +9 -0
  309. package/lib/components/Toast/style/variables.less +12 -0
  310. package/lib/components/Toggle/designTokens.d.ts +9 -0
  311. package/lib/components/Toggle/designTokens.js +47 -0
  312. package/lib/components/Toggle/index.d.ts +27 -0
  313. package/lib/components/Toggle/index.js +67 -0
  314. package/lib/components/index.d.ts +49 -0
  315. package/lib/components/index.js +90 -0
  316. package/lib/constants/index.d.ts +16 -0
  317. package/lib/constants/index.js +42 -0
  318. package/lib/fonts/Poppins/Poppins-Bold.ttf +0 -0
  319. package/lib/fonts/Poppins/Poppins-BoldItalic.ttf +0 -0
  320. package/lib/fonts/Poppins/Poppins-ExtraBold.ttf +0 -0
  321. package/lib/fonts/Poppins/Poppins-ExtraBoldItalic.ttf +0 -0
  322. package/lib/fonts/Poppins/Poppins-ExtraLight.ttf +0 -0
  323. package/lib/fonts/Poppins/Poppins-ExtraLightItalic.ttf +0 -0
  324. package/lib/fonts/Poppins/Poppins-Italic.ttf +0 -0
  325. package/lib/fonts/Poppins/Poppins-Light.ttf +0 -0
  326. package/lib/fonts/Poppins/Poppins-LightItalic.ttf +0 -0
  327. package/lib/fonts/Poppins/Poppins-Medium.ttf +0 -0
  328. package/lib/fonts/Poppins/Poppins-MediumItalic.ttf +0 -0
  329. package/lib/fonts/Poppins/Poppins-Regular.ttf +0 -0
  330. package/lib/fonts/Poppins/Poppins-SemiBold.ttf +0 -0
  331. package/lib/fonts/Poppins/Poppins-SemiBoldItalic.ttf +0 -0
  332. package/lib/fonts/Poppins/Poppins-Thin.ttf +0 -0
  333. package/lib/fonts/Poppins/Poppins-ThinItalic.ttf +0 -0
  334. package/lib/fonts/Roboto/Roboto-Black.ttf +0 -0
  335. package/lib/fonts/Roboto/Roboto-BlackItalic.ttf +0 -0
  336. package/lib/fonts/Roboto/Roboto-Bold.ttf +0 -0
  337. package/lib/fonts/Roboto/Roboto-BoldItalic.ttf +0 -0
  338. package/lib/fonts/Roboto/Roboto-ExtraBold.ttf +0 -0
  339. package/lib/fonts/Roboto/Roboto-ExtraBoldItalic.ttf +0 -0
  340. package/lib/fonts/Roboto/Roboto-ExtraLight.ttf +0 -0
  341. package/lib/fonts/Roboto/Roboto-ExtraLightItalic.ttf +0 -0
  342. package/lib/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf +0 -0
  343. package/lib/fonts/Roboto/Roboto-Italic.ttf +0 -0
  344. package/lib/fonts/Roboto/Roboto-Light.ttf +0 -0
  345. package/lib/fonts/Roboto/Roboto-LightItalic.ttf +0 -0
  346. package/lib/fonts/Roboto/Roboto-Medium.ttf +0 -0
  347. package/lib/fonts/Roboto/Roboto-MediumItalic.ttf +0 -0
  348. package/lib/fonts/Roboto/Roboto-Regular.ttf +0 -0
  349. package/lib/fonts/Roboto/Roboto-SemiBold.ttf +0 -0
  350. package/lib/fonts/Roboto/Roboto-SemiBoldItalic.ttf +0 -0
  351. package/lib/fonts/Roboto/Roboto-Thin.ttf +0 -0
  352. package/lib/fonts/Roboto/Roboto-ThinItalic.ttf +0 -0
  353. package/lib/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf +0 -0
  354. package/lib/fonts/SF/SF-Pro-Display-BlackItalic.otf +0 -0
  355. package/lib/fonts/SF/SF-Pro-Text-Bold.otf +0 -0
  356. package/lib/fonts/SF/SF-Pro-Text-Medium.eot +0 -0
  357. package/lib/fonts/SF/SF-Pro-Text-Medium.otf +0 -0
  358. package/lib/fonts/SF/SF-Pro-Text-Medium.svg +40549 -0
  359. package/lib/fonts/SF/SF-Pro-Text-Medium.ttf +0 -0
  360. package/lib/fonts/SF/SF-Pro-Text-Medium.woff +0 -0
  361. package/lib/fonts/SF/SF-Pro-Text-Medium.woff2 +0 -0
  362. package/lib/fonts/SF/SF-Pro-Text-Regular.otf +0 -0
  363. package/lib/fonts/SF/SF-Pro-Text-Regular.ttf +0 -0
  364. package/lib/fonts/SF/SF-Pro-Text-Semibold.otf +0 -0
  365. package/lib/fonts/SF/SF-Pro-Text-SemiboldItalic.otf +0 -0
  366. package/lib/index.d.ts +3 -0
  367. package/lib/index.js +21 -0
  368. package/lib/style/antdDesignToken.json +503 -0
  369. package/lib/style/themes/base-vars.css +6 -0
  370. package/lib/style/themes/colorful.css +5 -0
  371. package/lib/style/themes/index.css +4 -0
  372. package/lib/style/variables.less +60 -0
  373. package/lib/tokens/DXPGlobal.d.ts +302 -0
  374. package/lib/tokens/DXPGlobal.js +37 -0
  375. package/lib/utils/noop.d.ts +1 -0
  376. package/lib/utils/noop.js +26 -0
  377. package/lib/utils/scaleTool.d.ts +12 -0
  378. package/lib/utils/scaleTool.js +66 -0
  379. package/lib/utils/theme.d.ts +11 -0
  380. package/lib/utils/theme.js +32 -0
  381. package/lib/utils/themeContext.d.ts +44 -0
  382. package/lib/utils/themeContext.js +117 -0
  383. package/lib/utils/tokenHelper.d.ts +1 -0
  384. package/lib/utils/tokenHelper.js +38 -0
  385. package/lib/utils/tokenManager.d.ts +1572 -0
  386. package/lib/utils/tokenManager.js +833 -0
  387. package/package.json +29 -22
  388. package/umd/dxp-ui.min.css +1 -2
  389. package/umd/dxp-ui.min.js +1 -2
  390. package/umd/static/SF-Pro-Text-Bold.89d66db4.otf +0 -0
  391. package/umd/static/SF-Pro-Text-Regular.e042d171.ttf +0 -0
  392. package/umd/static/SF-Pro-Text-Regular.f09e811b.otf +0 -0
  393. package/umd/static/SF-Pro-Text-Semibold.a5a4b4bc.otf +0 -0
  394. package/umd/static/SF-Pro-Text-SemiboldItalic.ed8f4a28.otf +0 -0
  395. package/umd/static/iconfont.176e7470.svg +1 -0
  396. package/umd/static/iconfont.47a0c957.ttf +0 -0
  397. package/umd/static/iconfont.6f470e01.eot +0 -0
  398. package/umd/static/iconfont.796b49bb.woff +0 -0
  399. package/es/assets/iconFont/iconfont.js +0 -44
  400. package/es/assets/iconFont/iconfont.js.map +0 -1
  401. package/es/components/Button/designTokens.js.map +0 -1
  402. package/es/components/Button/index.js.map +0 -1
  403. package/es/components/Button/index_backup.d.ts +0 -72
  404. package/es/components/Button/index_backup.js +0 -111
  405. package/es/components/Button/index_backup.js.map +0 -1
  406. package/es/components/Text/index.js.map +0 -1
  407. package/es/components/Text/style/text.less +0 -116
  408. package/es/components/index.js.map +0 -1
  409. package/es/constants/index.js.map +0 -1
  410. package/es/index.js.map +0 -1
  411. package/es/tokens/DXPGlobal.js.map +0 -1
  412. package/es/utils/noop.js.map +0 -1
  413. package/es/utils/themeContext.js.map +0 -1
  414. package/es/utils/tokenHelper.js.map +0 -1
  415. package/es/utils/tokenManager.js.map +0 -1
  416. package/umd/dxp-ui.min.css.map +0 -1
  417. package/umd/dxp-ui.min.js.map +0 -1
package/es/assets/iconFont/demo_index.html ADDED
@@ -0,0 +1,4400 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <title>iconfont Demo</title>
6
+ <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
7
+ <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
8
+ <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9
+ <link rel="stylesheet" href="demo.css">
10
+ <link rel="stylesheet" href="iconfont.css">
11
+ <script src="iconfont.js"></script>
12
+ <!-- jQuery -->
13
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
14
+ <!-- 代码高亮 -->
15
+ <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
16
+ <style>
17
+ .main .logo {
18
+ margin-top: 0;
19
+ height: auto;
20
+ }
21
+
22
+ .main .logo a {
23
+ display: flex;
24
+ align-items: center;
25
+ }
26
+
27
+ .main .logo .sub-title {
28
+ margin-left: 0.5em;
29
+ font-size: 22px;
30
+ color: #fff;
31
+ background: linear-gradient(-45deg, #3967FF, #B500FE);
32
+ -webkit-background-clip: text;
33
+ -webkit-text-fill-color: transparent;
34
+ }
35
+ </style>
36
+ </head>
37
+ <body>
38
+ <div class="main">
39
+ <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
40
+ <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
41
+
42
+ </a></h1>
43
+ <div class="nav-tabs">
44
+ <ul id="tabs" class="dib-box">
45
+ <li class="dib active"><span>Unicode</span></li>
46
+ <li class="dib"><span>Font class</span></li>
47
+ <li class="dib"><span>Symbol</span></li>
48
+ </ul>
49
+
50
+ <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4836563" target="_blank" class="nav-more">查看项目</a>
51
+
52
+ </div>
53
+ <div class="tab-container">
54
+ <div class="content unicode" style="display: block;">
55
+ <ul class="icon_lists dib-box">
56
+
57
+ <li class="dib">
58
+ <span class="icon DCPL">&#xe776;</span>
59
+ <div class="name">Physical SIM</div>
60
+ <div class="code-name">&amp;#xe776;</div>
61
+ </li>
62
+
63
+ <li class="dib">
64
+ <span class="icon DCPL">&#xe775;</span>
65
+ <div class="name">General icons</div>
66
+ <div class="code-name">&amp;#xe775;</div>
67
+ </li>
68
+
69
+ <li class="dib">
70
+ <span class="icon DCPL">&#xe777;</span>
71
+ <div class="name">whatsapp</div>
72
+ <div class="code-name">&amp;#xe777;</div>
73
+ </li>
74
+
75
+ <li class="dib">
76
+ <span class="icon DCPL">&#xe778;</span>
77
+ <div class="name">SMS</div>
78
+ <div class="code-name">&amp;#xe778;</div>
79
+ </li>
80
+
81
+ <li class="dib">
82
+ <span class="icon DCPL">&#xe6be;</span>
83
+ <div class="name">icon-kfckfc</div>
84
+ <div class="code-name">&amp;#xe6be;</div>
85
+ </li>
86
+
87
+ <li class="dib">
88
+ <span class="icon DCPL">&#xe6bd;</span>
89
+ <div class="name">Sim</div>
90
+ <div class="code-name">&amp;#xe6bd;</div>
91
+ </li>
92
+
93
+ <li class="dib">
94
+ <span class="icon DCPL">&#xe69d;</span>
95
+ <div class="name">change_plan</div>
96
+ <div class="code-name">&amp;#xe69d;</div>
97
+ </li>
98
+
99
+ <li class="dib">
100
+ <span class="icon DCPL">&#xe6bb;</span>
101
+ <div class="name">copy</div>
102
+ <div class="code-name">&amp;#xe6bb;</div>
103
+ </li>
104
+
105
+ <li class="dib">
106
+ <span class="icon DCPL">&#xe6bc;</span>
107
+ <div class="name">eSIM</div>
108
+ <div class="code-name">&amp;#xe6bc;</div>
109
+ </li>
110
+
111
+ <li class="dib">
112
+ <span class="icon DCPL">&#xe76f;</span>
113
+ <div class="name">Mobile</div>
114
+ <div class="code-name">&amp;#xe76f;</div>
115
+ </li>
116
+
117
+ <li class="dib">
118
+ <span class="icon DCPL">&#xe770;</span>
119
+ <div class="name">TV</div>
120
+ <div class="code-name">&amp;#xe770;</div>
121
+ </li>
122
+
123
+ <li class="dib">
124
+ <span class="icon DCPL">&#xe771;</span>
125
+ <div class="name">Contract</div>
126
+ <div class="code-name">&amp;#xe771;</div>
127
+ </li>
128
+
129
+ <li class="dib">
130
+ <span class="icon DCPL">&#xe772;</span>
131
+ <div class="name">Broadband</div>
132
+ <div class="code-name">&amp;#xe772;</div>
133
+ </li>
134
+
135
+ <li class="dib">
136
+ <span class="icon DCPL">&#xe773;</span>
137
+ <div class="name">voice</div>
138
+ <div class="code-name">&amp;#xe773;</div>
139
+ </li>
140
+
141
+ <li class="dib">
142
+ <span class="icon DCPL">&#xe76e;</span>
143
+ <div class="name">read</div>
144
+ <div class="code-name">&amp;#xe76e;</div>
145
+ </li>
146
+
147
+ <li class="dib">
148
+ <span class="icon DCPL">&#xe602;</span>
149
+ <div class="name">faceID</div>
150
+ <div class="code-name">&amp;#xe602;</div>
151
+ </li>
152
+
153
+ <li class="dib">
154
+ <span class="icon DCPL">&#xe769;</span>
155
+ <div class="name">Cannot be tracked</div>
156
+ <div class="code-name">&amp;#xe769;</div>
157
+ </li>
158
+
159
+ <li class="dib">
160
+ <span class="icon DCPL">&#xe76a;</span>
161
+ <div class="name">Completed</div>
162
+ <div class="code-name">&amp;#xe76a;</div>
163
+ </li>
164
+
165
+ <li class="dib">
166
+ <span class="icon DCPL">&#xe76b;</span>
167
+ <div class="name">In progress</div>
168
+ <div class="code-name">&amp;#xe76b;</div>
169
+ </li>
170
+
171
+ <li class="dib">
172
+ <span class="icon DCPL">&#xe76c;</span>
173
+ <div class="name">Default</div>
174
+ <div class="code-name">&amp;#xe76c;</div>
175
+ </li>
176
+
177
+ <li class="dib">
178
+ <span class="icon DCPL">&#xe76d;</span>
179
+ <div class="name">Alert</div>
180
+ <div class="code-name">&amp;#xe76d;</div>
181
+ </li>
182
+
183
+ <li class="dib">
184
+ <span class="icon DCPL">&#xe768;</span>
185
+ <div class="name">Arrow - Up</div>
186
+ <div class="code-name">&amp;#xe768;</div>
187
+ </li>
188
+
189
+ <li class="dib">
190
+ <span class="icon DCPL">&#xe774;</span>
191
+ <div class="name">Backarrow</div>
192
+ <div class="code-name">&amp;#xe774;</div>
193
+ </li>
194
+
195
+ <li class="dib">
196
+ <span class="icon DCPL">&#xe75a;</span>
197
+ <div class="name">Tick</div>
198
+ <div class="code-name">&amp;#xe75a;</div>
199
+ </li>
200
+
201
+ <li class="dib">
202
+ <span class="icon DCPL">&#xe75b;</span>
203
+ <div class="name">filter</div>
204
+ <div class="code-name">&amp;#xe75b;</div>
205
+ </li>
206
+
207
+ <li class="dib">
208
+ <span class="icon DCPL">&#xe75c;</span>
209
+ <div class="name">Sorting Neutral</div>
210
+ <div class="code-name">&amp;#xe75c;</div>
211
+ </li>
212
+
213
+ <li class="dib">
214
+ <span class="icon DCPL">&#xe75d;</span>
215
+ <div class="name">Sorting Up</div>
216
+ <div class="code-name">&amp;#xe75d;</div>
217
+ </li>
218
+
219
+ <li class="dib">
220
+ <span class="icon DCPL">&#xe75e;</span>
221
+ <div class="name">Sorting Down</div>
222
+ <div class="code-name">&amp;#xe75e;</div>
223
+ </li>
224
+
225
+ <li class="dib">
226
+ <span class="icon DCPL">&#xe75f;</span>
227
+ <div class="name">Arrow - Right</div>
228
+ <div class="code-name">&amp;#xe75f;</div>
229
+ </li>
230
+
231
+ <li class="dib">
232
+ <span class="icon DCPL">&#xe760;</span>
233
+ <div class="name">Info</div>
234
+ <div class="code-name">&amp;#xe760;</div>
235
+ </li>
236
+
237
+ <li class="dib">
238
+ <span class="icon DCPL">&#xe761;</span>
239
+ <div class="name">Plus</div>
240
+ <div class="code-name">&amp;#xe761;</div>
241
+ </li>
242
+
243
+ <li class="dib">
244
+ <span class="icon DCPL">&#xe762;</span>
245
+ <div class="name">Clear</div>
246
+ <div class="code-name">&amp;#xe762;</div>
247
+ </li>
248
+
249
+ <li class="dib">
250
+ <span class="icon DCPL">&#xe763;</span>
251
+ <div class="name">Minus</div>
252
+ <div class="code-name">&amp;#xe763;</div>
253
+ </li>
254
+
255
+ <li class="dib">
256
+ <span class="icon DCPL">&#xe764;</span>
257
+ <div class="name">Backarrow</div>
258
+ <div class="code-name">&amp;#xe764;</div>
259
+ </li>
260
+
261
+ <li class="dib">
262
+ <span class="icon DCPL">&#xe765;</span>
263
+ <div class="name">Close</div>
264
+ <div class="code-name">&amp;#xe765;</div>
265
+ </li>
266
+
267
+ <li class="dib">
268
+ <span class="icon DCPL">&#xe766;</span>
269
+ <div class="name">Arrow - Down</div>
270
+ <div class="code-name">&amp;#xe766;</div>
271
+ </li>
272
+
273
+ <li class="dib">
274
+ <span class="icon DCPL">&#xe767;</span>
275
+ <div class="name">Arrow - Left</div>
276
+ <div class="code-name">&amp;#xe767;</div>
277
+ </li>
278
+
279
+ <li class="dib">
280
+ <span class="icon DCPL">&#xe759;</span>
281
+ <div class="name">Star - half</div>
282
+ <div class="code-name">&amp;#xe759;</div>
283
+ </li>
284
+
285
+ <li class="dib">
286
+ <span class="icon DCPL">&#xe757;</span>
287
+ <div class="name">On</div>
288
+ <div class="code-name">&amp;#xe757;</div>
289
+ </li>
290
+
291
+ <li class="dib">
292
+ <span class="icon DCPL">&#xe758;</span>
293
+ <div class="name">Off</div>
294
+ <div class="code-name">&amp;#xe758;</div>
295
+ </li>
296
+
297
+ <li class="dib">
298
+ <span class="icon DCPL">&#xe754;</span>
299
+ <div class="name">Star - full</div>
300
+ <div class="code-name">&amp;#xe754;</div>
301
+ </li>
302
+
303
+ <li class="dib">
304
+ <span class="icon DCPL">&#xe755;</span>
305
+ <div class="name">Price down</div>
306
+ <div class="code-name">&amp;#xe755;</div>
307
+ </li>
308
+
309
+ <li class="dib">
310
+ <span class="icon DCPL">&#xe756;</span>
311
+ <div class="name">Price up</div>
312
+ <div class="code-name">&amp;#xe756;</div>
313
+ </li>
314
+
315
+ <li class="dib">
316
+ <span class="icon DCPL">&#xe6ba;</span>
317
+ <div class="name">Package</div>
318
+ <div class="code-name">&amp;#xe6ba;</div>
319
+ </li>
320
+
321
+ <li class="dib">
322
+ <span class="icon DCPL">&#xe74a;</span>
323
+ <div class="name">Thumbsup</div>
324
+ <div class="code-name">&amp;#xe74a;</div>
325
+ </li>
326
+
327
+ <li class="dib">
328
+ <span class="icon DCPL">&#xe74b;</span>
329
+ <div class="name">Support</div>
330
+ <div class="code-name">&amp;#xe74b;</div>
331
+ </li>
332
+
333
+ <li class="dib">
334
+ <span class="icon DCPL">&#xe74c;</span>
335
+ <div class="name">Simcard</div>
336
+ <div class="code-name">&amp;#xe74c;</div>
337
+ </li>
338
+
339
+ <li class="dib">
340
+ <span class="icon DCPL">&#xe74d;</span>
341
+ <div class="name">Trash</div>
342
+ <div class="code-name">&amp;#xe74d;</div>
343
+ </li>
344
+
345
+ <li class="dib">
346
+ <span class="icon DCPL">&#xe74e;</span>
347
+ <div class="name">Upload</div>
348
+ <div class="code-name">&amp;#xe74e;</div>
349
+ </li>
350
+
351
+ <li class="dib">
352
+ <span class="icon DCPL">&#xe74f;</span>
353
+ <div class="name">Time</div>
354
+ <div class="code-name">&amp;#xe74f;</div>
355
+ </li>
356
+
357
+ <li class="dib">
358
+ <span class="icon DCPL">&#xe750;</span>
359
+ <div class="name">TV</div>
360
+ <div class="code-name">&amp;#xe750;</div>
361
+ </li>
362
+
363
+ <li class="dib">
364
+ <span class="icon DCPL">&#xe751;</span>
365
+ <div class="name">Mobile copy</div>
366
+ <div class="code-name">&amp;#xe751;</div>
367
+ </li>
368
+
369
+ <li class="dib">
370
+ <span class="icon DCPL">&#xe752;</span>
371
+ <div class="name">Wifi</div>
372
+ <div class="code-name">&amp;#xe752;</div>
373
+ </li>
374
+
375
+ <li class="dib">
376
+ <span class="icon DCPL">&#xe753;</span>
377
+ <div class="name">Work</div>
378
+ <div class="code-name">&amp;#xe753;</div>
379
+ </li>
380
+
381
+ <li class="dib">
382
+ <span class="icon DCPL">&#xe738;</span>
383
+ <div class="name">More</div>
384
+ <div class="code-name">&amp;#xe738;</div>
385
+ </li>
386
+
387
+ <li class="dib">
388
+ <span class="icon DCPL">&#xe739;</span>
389
+ <div class="name">Timeline</div>
390
+ <div class="code-name">&amp;#xe739;</div>
391
+ </li>
392
+
393
+ <li class="dib">
394
+ <span class="icon DCPL">&#xe73a;</span>
395
+ <div class="name">Red Membership</div>
396
+ <div class="code-name">&amp;#xe73a;</div>
397
+ </li>
398
+
399
+ <li class="dib">
400
+ <span class="icon DCPL">&#xe73b;</span>
401
+ <div class="name">Settings</div>
402
+ <div class="code-name">&amp;#xe73b;</div>
403
+ </li>
404
+
405
+ <li class="dib">
406
+ <span class="icon DCPL">&#xe73c;</span>
407
+ <div class="name">Secure</div>
408
+ <div class="code-name">&amp;#xe73c;</div>
409
+ </li>
410
+
411
+ <li class="dib">
412
+ <span class="icon DCPL">&#xe73d;</span>
413
+ <div class="name">Shop-1</div>
414
+ <div class="code-name">&amp;#xe73d;</div>
415
+ </li>
416
+
417
+ <li class="dib">
418
+ <span class="icon DCPL">&#xe73e;</span>
419
+ <div class="name">Services</div>
420
+ <div class="code-name">&amp;#xe73e;</div>
421
+ </li>
422
+
423
+ <li class="dib">
424
+ <span class="icon DCPL">&#xe73f;</span>
425
+ <div class="name">Tablet</div>
426
+ <div class="code-name">&amp;#xe73f;</div>
427
+ </li>
428
+
429
+ <li class="dib">
430
+ <span class="icon DCPL">&#xe740;</span>
431
+ <div class="name">Power switch</div>
432
+ <div class="code-name">&amp;#xe740;</div>
433
+ </li>
434
+
435
+ <li class="dib">
436
+ <span class="icon DCPL">&#xe741;</span>
437
+ <div class="name">Personal-1</div>
438
+ <div class="code-name">&amp;#xe741;</div>
439
+ </li>
440
+
441
+ <li class="dib">
442
+ <span class="icon DCPL">&#xe742;</span>
443
+ <div class="name">Secure-1</div>
444
+ <div class="code-name">&amp;#xe742;</div>
445
+ </li>
446
+
447
+ <li class="dib">
448
+ <span class="icon DCPL">&#xe743;</span>
449
+ <div class="name">TV addon</div>
450
+ <div class="code-name">&amp;#xe743;</div>
451
+ </li>
452
+
453
+ <li class="dib">
454
+ <span class="icon DCPL">&#xe744;</span>
455
+ <div class="name">Star</div>
456
+ <div class="code-name">&amp;#xe744;</div>
457
+ </li>
458
+
459
+ <li class="dib">
460
+ <span class="icon DCPL">&#xe745;</span>
461
+ <div class="name">Store</div>
462
+ <div class="code-name">&amp;#xe745;</div>
463
+ </li>
464
+
465
+ <li class="dib">
466
+ <span class="icon DCPL">&#xe746;</span>
467
+ <div class="name">Rewards-1</div>
468
+ <div class="code-name">&amp;#xe746;</div>
469
+ </li>
470
+
471
+ <li class="dib">
472
+ <span class="icon DCPL">&#xe747;</span>
473
+ <div class="name">Peace of mind</div>
474
+ <div class="code-name">&amp;#xe747;</div>
475
+ </li>
476
+
477
+ <li class="dib">
478
+ <span class="icon DCPL">&#xe748;</span>
479
+ <div class="name">Send</div>
480
+ <div class="code-name">&amp;#xe748;</div>
481
+ </li>
482
+
483
+ <li class="dib">
484
+ <span class="icon DCPL">&#xe749;</span>
485
+ <div class="name">Viewlist</div>
486
+ <div class="code-name">&amp;#xe749;</div>
487
+ </li>
488
+
489
+ <li class="dib">
490
+ <span class="icon DCPL">&#xe727;</span>
491
+ <div class="name">Search</div>
492
+ <div class="code-name">&amp;#xe727;</div>
493
+ </li>
494
+
495
+ <li class="dib">
496
+ <span class="icon DCPL">&#xe728;</span>
497
+ <div class="name">Notification Active</div>
498
+ <div class="code-name">&amp;#xe728;</div>
499
+ </li>
500
+
501
+ <li class="dib">
502
+ <span class="icon DCPL">&#xe6c9;</span>
503
+ <div class="name">Voucher</div>
504
+ <div class="code-name">&amp;#xe6c9;</div>
505
+ </li>
506
+
507
+ <li class="dib">
508
+ <span class="icon DCPL">&#xe729;</span>
509
+ <div class="name">Notice</div>
510
+ <div class="code-name">&amp;#xe729;</div>
511
+ </li>
512
+
513
+ <li class="dib">
514
+ <span class="icon DCPL">&#xe72a;</span>
515
+ <div class="name">Movie</div>
516
+ <div class="code-name">&amp;#xe72a;</div>
517
+ </li>
518
+
519
+ <li class="dib">
520
+ <span class="icon DCPL">&#xe72b;</span>
521
+ <div class="name">Pause</div>
522
+ <div class="code-name">&amp;#xe72b;</div>
523
+ </li>
524
+
525
+ <li class="dib">
526
+ <span class="icon DCPL">&#xe72c;</span>
527
+ <div class="name">Refresh phone</div>
528
+ <div class="code-name">&amp;#xe72c;</div>
529
+ </li>
530
+
531
+ <li class="dib">
532
+ <span class="icon DCPL">&#xe72d;</span>
533
+ <div class="name">Options</div>
534
+ <div class="code-name">&amp;#xe72d;</div>
535
+ </li>
536
+
537
+ <li class="dib">
538
+ <span class="icon DCPL">&#xe72e;</span>
539
+ <div class="name">Monitor</div>
540
+ <div class="code-name">&amp;#xe72e;</div>
541
+ </li>
542
+
543
+ <li class="dib">
544
+ <span class="icon DCPL">&#xe72f;</span>
545
+ <div class="name">Share</div>
546
+ <div class="code-name">&amp;#xe72f;</div>
547
+ </li>
548
+
549
+ <li class="dib">
550
+ <span class="icon DCPL">&#xe730;</span>
551
+ <div class="name">Rewards</div>
552
+ <div class="code-name">&amp;#xe730;</div>
553
+ </li>
554
+
555
+ <li class="dib">
556
+ <span class="icon DCPL">&#xe731;</span>
557
+ <div class="name">Pointer</div>
558
+ <div class="code-name">&amp;#xe731;</div>
559
+ </li>
560
+
561
+ <li class="dib">
562
+ <span class="icon DCPL">&#xe732;</span>
563
+ <div class="name">Pin</div>
564
+ <div class="code-name">&amp;#xe732;</div>
565
+ </li>
566
+
567
+ <li class="dib">
568
+ <span class="icon DCPL">&#xe733;</span>
569
+ <div class="name">Show</div>
570
+ <div class="code-name">&amp;#xe733;</div>
571
+ </li>
572
+
573
+ <li class="dib">
574
+ <span class="icon DCPL">&#xe734;</span>
575
+ <div class="name">Play</div>
576
+ <div class="code-name">&amp;#xe734;</div>
577
+ </li>
578
+
579
+ <li class="dib">
580
+ <span class="icon DCPL">&#xe735;</span>
581
+ <div class="name">Return</div>
582
+ <div class="code-name">&amp;#xe735;</div>
583
+ </li>
584
+
585
+ <li class="dib">
586
+ <span class="icon DCPL">&#xe736;</span>
587
+ <div class="name">Roaming</div>
588
+ <div class="code-name">&amp;#xe736;</div>
589
+ </li>
590
+
591
+ <li class="dib">
592
+ <span class="icon DCPL">&#xe737;</span>
593
+ <div class="name">Phone contact</div>
594
+ <div class="code-name">&amp;#xe737;</div>
595
+ </li>
596
+
597
+ <li class="dib">
598
+ <span class="icon DCPL">&#xe714;</span>
599
+ <div class="name">Heart-1</div>
600
+ <div class="code-name">&amp;#xe714;</div>
601
+ </li>
602
+
603
+ <li class="dib">
604
+ <span class="icon DCPL">&#xe715;</span>
605
+ <div class="name">Minimise</div>
606
+ <div class="code-name">&amp;#xe715;</div>
607
+ </li>
608
+
609
+ <li class="dib">
610
+ <span class="icon DCPL">&#xe716;</span>
611
+ <div class="name">IDD</div>
612
+ <div class="code-name">&amp;#xe716;</div>
613
+ </li>
614
+
615
+ <li class="dib">
616
+ <span class="icon DCPL">&#xe717;</span>
617
+ <div class="name">MailUnread</div>
618
+ <div class="code-name">&amp;#xe717;</div>
619
+ </li>
620
+
621
+ <li class="dib">
622
+ <span class="icon DCPL">&#xe718;</span>
623
+ <div class="name">Hide</div>
624
+ <div class="code-name">&amp;#xe718;</div>
625
+ </li>
626
+
627
+ <li class="dib">
628
+ <span class="icon DCPL">&#xe719;</span>
629
+ <div class="name">Mobile addon</div>
630
+ <div class="code-name">&amp;#xe719;</div>
631
+ </li>
632
+
633
+ <li class="dib">
634
+ <span class="icon DCPL">&#xe71a;</span>
635
+ <div class="name">Message</div>
636
+ <div class="code-name">&amp;#xe71a;</div>
637
+ </li>
638
+
639
+ <li class="dib">
640
+ <span class="icon DCPL">&#xe71b;</span>
641
+ <div class="name">Mobile share</div>
642
+ <div class="code-name">&amp;#xe71b;</div>
643
+ </li>
644
+
645
+ <li class="dib">
646
+ <span class="icon DCPL">&#xe71c;</span>
647
+ <div class="name">Loading</div>
648
+ <div class="code-name">&amp;#xe71c;</div>
649
+ </li>
650
+
651
+ <li class="dib">
652
+ <span class="icon DCPL">&#xe71d;</span>
653
+ <div class="name">Home-1</div>
654
+ <div class="code-name">&amp;#xe71d;</div>
655
+ </li>
656
+
657
+ <li class="dib">
658
+ <span class="icon DCPL">&#xe71e;</span>
659
+ <div class="name">Mobilephone</div>
660
+ <div class="code-name">&amp;#xe71e;</div>
661
+ </li>
662
+
663
+ <li class="dib">
664
+ <span class="icon DCPL">&#xe71f;</span>
665
+ <div class="name">Mic</div>
666
+ <div class="code-name">&amp;#xe71f;</div>
667
+ </li>
668
+
669
+ <li class="dib">
670
+ <span class="icon DCPL">&#xe720;</span>
671
+ <div class="name">Processing</div>
672
+ <div class="code-name">&amp;#xe720;</div>
673
+ </li>
674
+
675
+ <li class="dib">
676
+ <span class="icon DCPL">&#xe721;</span>
677
+ <div class="name">Notification Disabled</div>
678
+ <div class="code-name">&amp;#xe721;</div>
679
+ </li>
680
+
681
+ <li class="dib">
682
+ <span class="icon DCPL">&#xe722;</span>
683
+ <div class="name">Tack-2</div>
684
+ <div class="code-name">&amp;#xe722;</div>
685
+ </li>
686
+
687
+ <li class="dib">
688
+ <span class="icon DCPL">&#xe723;</span>
689
+ <div class="name">Speed meter</div>
690
+ <div class="code-name">&amp;#xe723;</div>
691
+ </li>
692
+
693
+ <li class="dib">
694
+ <span class="icon DCPL">&#xe724;</span>
695
+ <div class="name">Refresh</div>
696
+ <div class="code-name">&amp;#xe724;</div>
697
+ </li>
698
+
699
+ <li class="dib">
700
+ <span class="icon DCPL">&#xe725;</span>
701
+ <div class="name">Transport</div>
702
+ <div class="code-name">&amp;#xe725;</div>
703
+ </li>
704
+
705
+ <li class="dib">
706
+ <span class="icon DCPL">&#xe726;</span>
707
+ <div class="name">Music</div>
708
+ <div class="code-name">&amp;#xe726;</div>
709
+ </li>
710
+
711
+ <li class="dib">
712
+ <span class="icon DCPL">&#xe703;</span>
713
+ <div class="name">Edit</div>
714
+ <div class="code-name">&amp;#xe703;</div>
715
+ </li>
716
+
717
+ <li class="dib">
718
+ <span class="icon DCPL">&#xe704;</span>
719
+ <div class="name">Call back</div>
720
+ <div class="code-name">&amp;#xe704;</div>
721
+ </li>
722
+
723
+ <li class="dib">
724
+ <span class="icon DCPL">&#xe705;</span>
725
+ <div class="name">Personal</div>
726
+ <div class="code-name">&amp;#xe705;</div>
727
+ </li>
728
+
729
+ <li class="dib">
730
+ <span class="icon DCPL">&#xe706;</span>
731
+ <div class="name">Document info</div>
732
+ <div class="code-name">&amp;#xe706;</div>
733
+ </li>
734
+
735
+ <li class="dib">
736
+ <span class="icon DCPL">&#xe707;</span>
737
+ <div class="name">Wallet</div>
738
+ <div class="code-name">&amp;#xe707;</div>
739
+ </li>
740
+
741
+ <li class="dib">
742
+ <span class="icon DCPL">&#xe6ca;</span>
743
+ <div class="name">Shop</div>
744
+ <div class="code-name">&amp;#xe6ca;</div>
745
+ </li>
746
+
747
+ <li class="dib">
748
+ <span class="icon DCPL">&#xe708;</span>
749
+ <div class="name">External link</div>
750
+ <div class="code-name">&amp;#xe708;</div>
751
+ </li>
752
+
753
+ <li class="dib">
754
+ <span class="icon DCPL">&#xe709;</span>
755
+ <div class="name">Download</div>
756
+ <div class="code-name">&amp;#xe709;</div>
757
+ </li>
758
+
759
+ <li class="dib">
760
+ <span class="icon DCPL">&#xe70a;</span>
761
+ <div class="name">Global SMS</div>
762
+ <div class="code-name">&amp;#xe70a;</div>
763
+ </li>
764
+
765
+ <li class="dib">
766
+ <span class="icon DCPL">&#xe70b;</span>
767
+ <div class="name">Bookmark</div>
768
+ <div class="code-name">&amp;#xe70b;</div>
769
+ </li>
770
+
771
+ <li class="dib">
772
+ <span class="icon DCPL">&#xe70c;</span>
773
+ <div class="name">Add-on - Product-1</div>
774
+ <div class="code-name">&amp;#xe70c;</div>
775
+ </li>
776
+
777
+ <li class="dib">
778
+ <span class="icon DCPL">&#xe70d;</span>
779
+ <div class="name">Home</div>
780
+ <div class="code-name">&amp;#xe70d;</div>
781
+ </li>
782
+
783
+ <li class="dib">
784
+ <span class="icon DCPL">&#xe70e;</span>
785
+ <div class="name">Mail</div>
786
+ <div class="code-name">&amp;#xe70e;</div>
787
+ </li>
788
+
789
+ <li class="dib">
790
+ <span class="icon DCPL">&#xe70f;</span>
791
+ <div class="name">Express</div>
792
+ <div class="code-name">&amp;#xe70f;</div>
793
+ </li>
794
+
795
+ <li class="dib">
796
+ <span class="icon DCPL">&#xe710;</span>
797
+ <div class="name">Lightning</div>
798
+ <div class="code-name">&amp;#xe710;</div>
799
+ </li>
800
+
801
+ <li class="dib">
802
+ <span class="icon DCPL">&#xe711;</span>
803
+ <div class="name">Leisure</div>
804
+ <div class="code-name">&amp;#xe711;</div>
805
+ </li>
806
+
807
+ <li class="dib">
808
+ <span class="icon DCPL">&#xe712;</span>
809
+ <div class="name">Mobilephone bill</div>
810
+ <div class="code-name">&amp;#xe712;</div>
811
+ </li>
812
+
813
+ <li class="dib">
814
+ <span class="icon DCPL">&#xe6cb;</span>
815
+ <div class="name">Recommended</div>
816
+ <div class="code-name">&amp;#xe6cb;</div>
817
+ </li>
818
+
819
+ <li class="dib">
820
+ <span class="icon DCPL">&#xe713;</span>
821
+ <div class="name">Usage</div>
822
+ <div class="code-name">&amp;#xe713;</div>
823
+ </li>
824
+
825
+ <li class="dib">
826
+ <span class="icon DCPL">&#xe6f2;</span>
827
+ <div class="name">Calendar</div>
828
+ <div class="code-name">&amp;#xe6f2;</div>
829
+ </li>
830
+
831
+ <li class="dib">
832
+ <span class="icon DCPL">&#xe6f3;</span>
833
+ <div class="name">Contract</div>
834
+ <div class="code-name">&amp;#xe6f3;</div>
835
+ </li>
836
+
837
+ <li class="dib">
838
+ <span class="icon DCPL">&#xe6f4;</span>
839
+ <div class="name">Laptop</div>
840
+ <div class="code-name">&amp;#xe6f4;</div>
841
+ </li>
842
+
843
+ <li class="dib">
844
+ <span class="icon DCPL">&#xe6f5;</span>
845
+ <div class="name">CartActive</div>
846
+ <div class="code-name">&amp;#xe6f5;</div>
847
+ </li>
848
+
849
+ <li class="dib">
850
+ <span class="icon DCPL">&#xe6f6;</span>
851
+ <div class="name">Heart</div>
852
+ <div class="code-name">&amp;#xe6f6;</div>
853
+ </li>
854
+
855
+ <li class="dib">
856
+ <span class="icon DCPL">&#xe6f7;</span>
857
+ <div class="name">Flight-right</div>
858
+ <div class="code-name">&amp;#xe6f7;</div>
859
+ </li>
860
+
861
+ <li class="dib">
862
+ <span class="icon DCPL">&#xe6f8;</span>
863
+ <div class="name">Checklist</div>
864
+ <div class="code-name">&amp;#xe6f8;</div>
865
+ </li>
866
+
867
+ <li class="dib">
868
+ <span class="icon DCPL">&#xe6f9;</span>
869
+ <div class="name">Itinerary</div>
870
+ <div class="code-name">&amp;#xe6f9;</div>
871
+ </li>
872
+
873
+ <li class="dib">
874
+ <span class="icon DCPL">&#xe6fa;</span>
875
+ <div class="name">Creditcard</div>
876
+ <div class="code-name">&amp;#xe6fa;</div>
877
+ </li>
878
+
879
+ <li class="dib">
880
+ <span class="icon DCPL">&#xe6fb;</span>
881
+ <div class="name">Tack-1</div>
882
+ <div class="code-name">&amp;#xe6fb;</div>
883
+ </li>
884
+
885
+ <li class="dib">
886
+ <span class="icon DCPL">&#xe6fc;</span>
887
+ <div class="name">Data</div>
888
+ <div class="code-name">&amp;#xe6fc;</div>
889
+ </li>
890
+
891
+ <li class="dib">
892
+ <span class="icon DCPL">&#xe6fd;</span>
893
+ <div class="name">Delivery</div>
894
+ <div class="code-name">&amp;#xe6fd;</div>
895
+ </li>
896
+
897
+ <li class="dib">
898
+ <span class="icon DCPL">&#xe6fe;</span>
899
+ <div class="name">Cash</div>
900
+ <div class="code-name">&amp;#xe6fe;</div>
901
+ </li>
902
+
903
+ <li class="dib">
904
+ <span class="icon DCPL">&#xe6ff;</span>
905
+ <div class="name">Mobile signal</div>
906
+ <div class="code-name">&amp;#xe6ff;</div>
907
+ </li>
908
+
909
+ <li class="dib">
910
+ <span class="icon DCPL">&#xe700;</span>
911
+ <div class="name">Map</div>
912
+ <div class="code-name">&amp;#xe700;</div>
913
+ </li>
914
+
915
+ <li class="dib">
916
+ <span class="icon DCPL">&#xe6cc;</span>
917
+ <div class="name">Remote</div>
918
+ <div class="code-name">&amp;#xe6cc;</div>
919
+ </li>
920
+
921
+ <li class="dib">
922
+ <span class="icon DCPL">&#xe701;</span>
923
+ <div class="name">Food</div>
924
+ <div class="code-name">&amp;#xe701;</div>
925
+ </li>
926
+
927
+ <li class="dib">
928
+ <span class="icon DCPL">&#xe702;</span>
929
+ <div class="name">Chart</div>
930
+ <div class="code-name">&amp;#xe702;</div>
931
+ </li>
932
+
933
+ <li class="dib">
934
+ <span class="icon DCPL">&#xe6df;</span>
935
+ <div class="name">Connected</div>
936
+ <div class="code-name">&amp;#xe6df;</div>
937
+ </li>
938
+
939
+ <li class="dib">
940
+ <span class="icon DCPL">&#xe6e0;</span>
941
+ <div class="name">Discount</div>
942
+ <div class="code-name">&amp;#xe6e0;</div>
943
+ </li>
944
+
945
+ <li class="dib">
946
+ <span class="icon DCPL">&#xe6e1;</span>
947
+ <div class="name">Bills-1</div>
948
+ <div class="code-name">&amp;#xe6e1;</div>
949
+ </li>
950
+
951
+ <li class="dib">
952
+ <span class="icon DCPL">&#xe6e2;</span>
953
+ <div class="name">Flight-left</div>
954
+ <div class="code-name">&amp;#xe6e2;</div>
955
+ </li>
956
+
957
+ <li class="dib">
958
+ <span class="icon DCPL">&#xe6e3;</span>
959
+ <div class="name">Add - Generic</div>
960
+ <div class="code-name">&amp;#xe6e3;</div>
961
+ </li>
962
+
963
+ <li class="dib">
964
+ <span class="icon DCPL">&#xe6e4;</span>
965
+ <div class="name">Camera</div>
966
+ <div class="code-name">&amp;#xe6e4;</div>
967
+ </li>
968
+
969
+ <li class="dib">
970
+ <span class="icon DCPL">&#xe6e5;</span>
971
+ <div class="name">Globe</div>
972
+ <div class="code-name">&amp;#xe6e5;</div>
973
+ </li>
974
+
975
+ <li class="dib">
976
+ <span class="icon DCPL">&#xe6e6;</span>
977
+ <div class="name">Flight-1</div>
978
+ <div class="code-name">&amp;#xe6e6;</div>
979
+ </li>
980
+
981
+ <li class="dib">
982
+ <span class="icon DCPL">&#xe6e7;</span>
983
+ <div class="name">Community</div>
984
+ <div class="code-name">&amp;#xe6e7;</div>
985
+ </li>
986
+
987
+ <li class="dib">
988
+ <span class="icon DCPL">&#xe6e8;</span>
989
+ <div class="name">Attention</div>
990
+ <div class="code-name">&amp;#xe6e8;</div>
991
+ </li>
992
+
993
+ <li class="dib">
994
+ <span class="icon DCPL">&#xe6e9;</span>
995
+ <div class="name">Contacts</div>
996
+ <div class="code-name">&amp;#xe6e9;</div>
997
+ </li>
998
+
999
+ <li class="dib">
1000
+ <span class="icon DCPL">&#xe6ea;</span>
1001
+ <div class="name">Broadband</div>
1002
+ <div class="code-name">&amp;#xe6ea;</div>
1003
+ </li>
1004
+
1005
+ <li class="dib">
1006
+ <span class="icon DCPL">&#xe6eb;</span>
1007
+ <div class="name">Celebrate</div>
1008
+ <div class="code-name">&amp;#xe6eb;</div>
1009
+ </li>
1010
+
1011
+ <li class="dib">
1012
+ <span class="icon DCPL">&#xe6ec;</span>
1013
+ <div class="name">Listen</div>
1014
+ <div class="code-name">&amp;#xe6ec;</div>
1015
+ </li>
1016
+
1017
+ <li class="dib">
1018
+ <span class="icon DCPL">&#xe6ed;</span>
1019
+ <div class="name">Coverage</div>
1020
+ <div class="code-name">&amp;#xe6ed;</div>
1021
+ </li>
1022
+
1023
+ <li class="dib">
1024
+ <span class="icon DCPL">&#xe6ee;</span>
1025
+ <div class="name">Attachment</div>
1026
+ <div class="code-name">&amp;#xe6ee;</div>
1027
+ </li>
1028
+
1029
+ <li class="dib">
1030
+ <span class="icon DCPL">&#xe6ef;</span>
1031
+ <div class="name">Troubleshoot</div>
1032
+ <div class="code-name">&amp;#xe6ef;</div>
1033
+ </li>
1034
+
1035
+ <li class="dib">
1036
+ <span class="icon DCPL">&#xe6f0;</span>
1037
+ <div class="name">Notification</div>
1038
+ <div class="code-name">&amp;#xe6f0;</div>
1039
+ </li>
1040
+
1041
+ <li class="dib">
1042
+ <span class="icon DCPL">&#xe6f1;</span>
1043
+ <div class="name">Help</div>
1044
+ <div class="code-name">&amp;#xe6f1;</div>
1045
+ </li>
1046
+
1047
+ <li class="dib">
1048
+ <span class="icon DCPL">&#xe6d1;</span>
1049
+ <div class="name">Broadband addon</div>
1050
+ <div class="code-name">&amp;#xe6d1;</div>
1051
+ </li>
1052
+
1053
+ <li class="dib">
1054
+ <span class="icon DCPL">&#xe6d0;</span>
1055
+ <div class="name">Category</div>
1056
+ <div class="code-name">&amp;#xe6d0;</div>
1057
+ </li>
1058
+
1059
+ <li class="dib">
1060
+ <span class="icon DCPL">&#xe6cf;</span>
1061
+ <div class="name">Document w tick</div>
1062
+ <div class="code-name">&amp;#xe6cf;</div>
1063
+ </li>
1064
+
1065
+ <li class="dib">
1066
+ <span class="icon DCPL">&#xe6d2;</span>
1067
+ <div class="name">Entertainment</div>
1068
+ <div class="code-name">&amp;#xe6d2;</div>
1069
+ </li>
1070
+
1071
+ <li class="dib">
1072
+ <span class="icon DCPL">&#xe6d3;</span>
1073
+ <div class="name">Cart</div>
1074
+ <div class="code-name">&amp;#xe6d3;</div>
1075
+ </li>
1076
+
1077
+ <li class="dib">
1078
+ <span class="icon DCPL">&#xe6ce;</span>
1079
+ <div class="name">Document</div>
1080
+ <div class="code-name">&amp;#xe6ce;</div>
1081
+ </li>
1082
+
1083
+ <li class="dib">
1084
+ <span class="icon DCPL">&#xe6d4;</span>
1085
+ <div class="name">FAQ</div>
1086
+ <div class="code-name">&amp;#xe6d4;</div>
1087
+ </li>
1088
+
1089
+ <li class="dib">
1090
+ <span class="icon DCPL">&#xe6d5;</span>
1091
+ <div class="name">Add-on - Product</div>
1092
+ <div class="code-name">&amp;#xe6d5;</div>
1093
+ </li>
1094
+
1095
+ <li class="dib">
1096
+ <span class="icon DCPL">&#xe6cd;</span>
1097
+ <div class="name">HiApp prepaid</div>
1098
+ <div class="code-name">&amp;#xe6cd;</div>
1099
+ </li>
1100
+
1101
+ <li class="dib">
1102
+ <span class="icon DCPL">&#xe6d6;</span>
1103
+ <div class="name">Tack</div>
1104
+ <div class="code-name">&amp;#xe6d6;</div>
1105
+ </li>
1106
+
1107
+ <li class="dib">
1108
+ <span class="icon DCPL">&#xe6d7;</span>
1109
+ <div class="name">Partner apps</div>
1110
+ <div class="code-name">&amp;#xe6d7;</div>
1111
+ </li>
1112
+
1113
+ <li class="dib">
1114
+ <span class="icon DCPL">&#xe6d8;</span>
1115
+ <div class="name">Flight</div>
1116
+ <div class="code-name">&amp;#xe6d8;</div>
1117
+ </li>
1118
+
1119
+ <li class="dib">
1120
+ <span class="icon DCPL">&#xe6d9;</span>
1121
+ <div class="name">Menu</div>
1122
+ <div class="code-name">&amp;#xe6d9;</div>
1123
+ </li>
1124
+
1125
+ <li class="dib">
1126
+ <span class="icon DCPL">&#xe6da;</span>
1127
+ <div class="name">Mobile broadband</div>
1128
+ <div class="code-name">&amp;#xe6da;</div>
1129
+ </li>
1130
+
1131
+ <li class="dib">
1132
+ <span class="icon DCPL">&#xe6db;</span>
1133
+ <div class="name">Announcement</div>
1134
+ <div class="code-name">&amp;#xe6db;</div>
1135
+ </li>
1136
+
1137
+ <li class="dib">
1138
+ <span class="icon DCPL">&#xe6dc;</span>
1139
+ <div class="name">Bills</div>
1140
+ <div class="code-name">&amp;#xe6dc;</div>
1141
+ </li>
1142
+
1143
+ <li class="dib">
1144
+ <span class="icon DCPL">&#xe6dd;</span>
1145
+ <div class="name">Expand</div>
1146
+ <div class="code-name">&amp;#xe6dd;</div>
1147
+ </li>
1148
+
1149
+ <li class="dib">
1150
+ <span class="icon DCPL">&#xe6de;</span>
1151
+ <div class="name">Filter</div>
1152
+ <div class="code-name">&amp;#xe6de;</div>
1153
+ </li>
1154
+
1155
+ </ul>
1156
+ <div class="article markdown">
1157
+ <h2 id="unicode-">Unicode 引用</h2>
1158
+ <hr>
1159
+
1160
+ <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
1161
+ <ul>
1162
+ <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
1163
+ <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
1164
+ </ul>
1165
+ <blockquote>
1166
+ <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
1167
+ </blockquote>
1168
+ <p>Unicode 使用步骤如下：</p>
1169
+ <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
1170
+ <pre><code class="language-css"
1171
+ >@font-face {
1172
+ font-family: 'DCPL';
1173
+ src: url('iconfont.eot?t=1744613816738'); /* IE9 */
1174
+ src: url('iconfont.eot?t=1744613816738#iefix') format('embedded-opentype'), /* IE6-IE8 */
1175
+ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
1176
+ url('iconfont.woff?t=1744613816738') format('woff'),
1177
+ url('iconfont.ttf?t=1744613816738') format('truetype'),
1178
+ url('iconfont.svg?t=1744613816738#DCPL') format('svg');
1179
+ }
1180
+ </code></pre>
1181
+ <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
1182
+ <pre><code class="language-css"
1183
+ >.DCPL {
1184
+ font-family: "DCPL" !important;
1185
+ font-size: 16px;
1186
+ font-style: normal;
1187
+ -webkit-font-smoothing: antialiased;
1188
+ -moz-osx-font-smoothing: grayscale;
1189
+ }
1190
+ </code></pre>
1191
+ <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
1192
+ <pre>
1193
+ <code class="language-html"
1194
+ >&lt;span class="DCPL"&gt;&amp;#x33;&lt;/span&gt;
1195
+ </code></pre>
1196
+ <blockquote>
1197
+ <p>"DCPL" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
1198
+ </blockquote>
1199
+ </div>
1200
+ </div>
1201
+ <div class="content font-class">
1202
+ <ul class="icon_lists dib-box">
1203
+
1204
+ <li class="dib">
1205
+ <span class="icon DCPL icon-a-PhysicalSIM"></span>
1206
+ <div class="name">
1207
+ Physical SIM
1208
+ </div>
1209
+ <div class="code-name">.icon-a-PhysicalSIM
1210
+ </div>
1211
+ </li>
1212
+
1213
+ <li class="dib">
1214
+ <span class="icon DCPL icon-a-Generalicons"></span>
1215
+ <div class="name">
1216
+ General icons
1217
+ </div>
1218
+ <div class="code-name">.icon-a-Generalicons
1219
+ </div>
1220
+ </li>
1221
+
1222
+ <li class="dib">
1223
+ <span class="icon DCPL icon-whatsapp1"></span>
1224
+ <div class="name">
1225
+ whatsapp
1226
+ </div>
1227
+ <div class="code-name">.icon-whatsapp1
1228
+ </div>
1229
+ </li>
1230
+
1231
+ <li class="dib">
1232
+ <span class="icon DCPL icon-SMS1"></span>
1233
+ <div class="name">
1234
+ SMS
1235
+ </div>
1236
+ <div class="code-name">.icon-SMS1
1237
+ </div>
1238
+ </li>
1239
+
1240
+ <li class="dib">
1241
+ <span class="icon DCPL icon-a-phonenumber"></span>
1242
+ <div class="name">
1243
+ icon-kfckfc
1244
+ </div>
1245
+ <div class="code-name">.icon-a-phonenumber
1246
+ </div>
1247
+ </li>
1248
+
1249
+ <li class="dib">
1250
+ <span class="icon DCPL icon-Sim"></span>
1251
+ <div class="name">
1252
+ Sim
1253
+ </div>
1254
+ <div class="code-name">.icon-Sim
1255
+ </div>
1256
+ </li>
1257
+
1258
+ <li class="dib">
1259
+ <span class="icon DCPL icon-change_plan"></span>
1260
+ <div class="name">
1261
+ change_plan
1262
+ </div>
1263
+ <div class="code-name">.icon-change_plan
1264
+ </div>
1265
+ </li>
1266
+
1267
+ <li class="dib">
1268
+ <span class="icon DCPL icon-copy"></span>
1269
+ <div class="name">
1270
+ copy
1271
+ </div>
1272
+ <div class="code-name">.icon-copy
1273
+ </div>
1274
+ </li>
1275
+
1276
+ <li class="dib">
1277
+ <span class="icon DCPL icon-eSIM"></span>
1278
+ <div class="name">
1279
+ eSIM
1280
+ </div>
1281
+ <div class="code-name">.icon-eSIM
1282
+ </div>
1283
+ </li>
1284
+
1285
+ <li class="dib">
1286
+ <span class="icon DCPL icon-Mobile"></span>
1287
+ <div class="name">
1288
+ Mobile
1289
+ </div>
1290
+ <div class="code-name">.icon-Mobile
1291
+ </div>
1292
+ </li>
1293
+
1294
+ <li class="dib">
1295
+ <span class="icon DCPL icon-TV1"></span>
1296
+ <div class="name">
1297
+ TV
1298
+ </div>
1299
+ <div class="code-name">.icon-TV1
1300
+ </div>
1301
+ </li>
1302
+
1303
+ <li class="dib">
1304
+ <span class="icon DCPL icon-Contract1"></span>
1305
+ <div class="name">
1306
+ Contract
1307
+ </div>
1308
+ <div class="code-name">.icon-Contract1
1309
+ </div>
1310
+ </li>
1311
+
1312
+ <li class="dib">
1313
+ <span class="icon DCPL icon-Broadband1"></span>
1314
+ <div class="name">
1315
+ Broadband
1316
+ </div>
1317
+ <div class="code-name">.icon-Broadband1
1318
+ </div>
1319
+ </li>
1320
+
1321
+ <li class="dib">
1322
+ <span class="icon DCPL icon-voice1"></span>
1323
+ <div class="name">
1324
+ voice
1325
+ </div>
1326
+ <div class="code-name">.icon-voice1
1327
+ </div>
1328
+ </li>
1329
+
1330
+ <li class="dib">
1331
+ <span class="icon DCPL icon-read"></span>
1332
+ <div class="name">
1333
+ read
1334
+ </div>
1335
+ <div class="code-name">.icon-read
1336
+ </div>
1337
+ </li>
1338
+
1339
+ <li class="dib">
1340
+ <span class="icon DCPL icon-faceID"></span>
1341
+ <div class="name">
1342
+ faceID
1343
+ </div>
1344
+ <div class="code-name">.icon-faceID
1345
+ </div>
1346
+ </li>
1347
+
1348
+ <li class="dib">
1349
+ <span class="icon DCPL icon-a-Cannotbetracked"></span>
1350
+ <div class="name">
1351
+ Cannot be tracked
1352
+ </div>
1353
+ <div class="code-name">.icon-a-Cannotbetracked
1354
+ </div>
1355
+ </li>
1356
+
1357
+ <li class="dib">
1358
+ <span class="icon DCPL icon-Completed"></span>
1359
+ <div class="name">
1360
+ Completed
1361
+ </div>
1362
+ <div class="code-name">.icon-Completed
1363
+ </div>
1364
+ </li>
1365
+
1366
+ <li class="dib">
1367
+ <span class="icon DCPL icon-a-Inprogress"></span>
1368
+ <div class="name">
1369
+ In progress
1370
+ </div>
1371
+ <div class="code-name">.icon-a-Inprogress
1372
+ </div>
1373
+ </li>
1374
+
1375
+ <li class="dib">
1376
+ <span class="icon DCPL icon-Default"></span>
1377
+ <div class="name">
1378
+ Default
1379
+ </div>
1380
+ <div class="code-name">.icon-Default
1381
+ </div>
1382
+ </li>
1383
+
1384
+ <li class="dib">
1385
+ <span class="icon DCPL icon-Alert"></span>
1386
+ <div class="name">
1387
+ Alert
1388
+ </div>
1389
+ <div class="code-name">.icon-Alert
1390
+ </div>
1391
+ </li>
1392
+
1393
+ <li class="dib">
1394
+ <span class="icon DCPL icon-a-Arrow-Up"></span>
1395
+ <div class="name">
1396
+ Arrow - Up
1397
+ </div>
1398
+ <div class="code-name">.icon-a-Arrow-Up
1399
+ </div>
1400
+ </li>
1401
+
1402
+ <li class="dib">
1403
+ <span class="icon DCPL icon-a-Backarrow-copy"></span>
1404
+ <div class="name">
1405
+ Backarrow
1406
+ </div>
1407
+ <div class="code-name">.icon-a-Backarrow-copy
1408
+ </div>
1409
+ </li>
1410
+
1411
+ <li class="dib">
1412
+ <span class="icon DCPL icon-Tick"></span>
1413
+ <div class="name">
1414
+ Tick
1415
+ </div>
1416
+ <div class="code-name">.icon-Tick
1417
+ </div>
1418
+ </li>
1419
+
1420
+ <li class="dib">
1421
+ <span class="icon DCPL icon-filter"></span>
1422
+ <div class="name">
1423
+ filter
1424
+ </div>
1425
+ <div class="code-name">.icon-filter
1426
+ </div>
1427
+ </li>
1428
+
1429
+ <li class="dib">
1430
+ <span class="icon DCPL icon-a-SortingNeutral"></span>
1431
+ <div class="name">
1432
+ Sorting Neutral
1433
+ </div>
1434
+ <div class="code-name">.icon-a-SortingNeutral
1435
+ </div>
1436
+ </li>
1437
+
1438
+ <li class="dib">
1439
+ <span class="icon DCPL icon-a-SortingUp"></span>
1440
+ <div class="name">
1441
+ Sorting Up
1442
+ </div>
1443
+ <div class="code-name">.icon-a-SortingUp
1444
+ </div>
1445
+ </li>
1446
+
1447
+ <li class="dib">
1448
+ <span class="icon DCPL icon-a-SortingDown"></span>
1449
+ <div class="name">
1450
+ Sorting Down
1451
+ </div>
1452
+ <div class="code-name">.icon-a-SortingDown
1453
+ </div>
1454
+ </li>
1455
+
1456
+ <li class="dib">
1457
+ <span class="icon DCPL icon-a-Arrow-Right"></span>
1458
+ <div class="name">
1459
+ Arrow - Right
1460
+ </div>
1461
+ <div class="code-name">.icon-a-Arrow-Right
1462
+ </div>
1463
+ </li>
1464
+
1465
+ <li class="dib">
1466
+ <span class="icon DCPL icon-Info"></span>
1467
+ <div class="name">
1468
+ Info
1469
+ </div>
1470
+ <div class="code-name">.icon-Info
1471
+ </div>
1472
+ </li>
1473
+
1474
+ <li class="dib">
1475
+ <span class="icon DCPL icon-Plus"></span>
1476
+ <div class="name">
1477
+ Plus
1478
+ </div>
1479
+ <div class="code-name">.icon-Plus
1480
+ </div>
1481
+ </li>
1482
+
1483
+ <li class="dib">
1484
+ <span class="icon DCPL icon-Clear"></span>
1485
+ <div class="name">
1486
+ Clear
1487
+ </div>
1488
+ <div class="code-name">.icon-Clear
1489
+ </div>
1490
+ </li>
1491
+
1492
+ <li class="dib">
1493
+ <span class="icon DCPL icon-Minus"></span>
1494
+ <div class="name">
1495
+ Minus
1496
+ </div>
1497
+ <div class="code-name">.icon-Minus
1498
+ </div>
1499
+ </li>
1500
+
1501
+ <li class="dib">
1502
+ <span class="icon DCPL icon-a-Backarrow"></span>
1503
+ <div class="name">
1504
+ Backarrow
1505
+ </div>
1506
+ <div class="code-name">.icon-a-Backarrow
1507
+ </div>
1508
+ </li>
1509
+
1510
+ <li class="dib">
1511
+ <span class="icon DCPL icon-Close"></span>
1512
+ <div class="name">
1513
+ Close
1514
+ </div>
1515
+ <div class="code-name">.icon-Close
1516
+ </div>
1517
+ </li>
1518
+
1519
+ <li class="dib">
1520
+ <span class="icon DCPL icon-a-Arrow-Down"></span>
1521
+ <div class="name">
1522
+ Arrow - Down
1523
+ </div>
1524
+ <div class="code-name">.icon-a-Arrow-Down
1525
+ </div>
1526
+ </li>
1527
+
1528
+ <li class="dib">
1529
+ <span class="icon DCPL icon-a-Arrow-Left"></span>
1530
+ <div class="name">
1531
+ Arrow - Left
1532
+ </div>
1533
+ <div class="code-name">.icon-a-Arrow-Left
1534
+ </div>
1535
+ </li>
1536
+
1537
+ <li class="dib">
1538
+ <span class="icon DCPL icon-a-Star-half"></span>
1539
+ <div class="name">
1540
+ Star - half
1541
+ </div>
1542
+ <div class="code-name">.icon-a-Star-half
1543
+ </div>
1544
+ </li>
1545
+
1546
+ <li class="dib">
1547
+ <span class="icon DCPL icon-On"></span>
1548
+ <div class="name">
1549
+ On
1550
+ </div>
1551
+ <div class="code-name">.icon-On
1552
+ </div>
1553
+ </li>
1554
+
1555
+ <li class="dib">
1556
+ <span class="icon DCPL icon-Off"></span>
1557
+ <div class="name">
1558
+ Off
1559
+ </div>
1560
+ <div class="code-name">.icon-Off
1561
+ </div>
1562
+ </li>
1563
+
1564
+ <li class="dib">
1565
+ <span class="icon DCPL icon-a-Star-full"></span>
1566
+ <div class="name">
1567
+ Star - full
1568
+ </div>
1569
+ <div class="code-name">.icon-a-Star-full
1570
+ </div>
1571
+ </li>
1572
+
1573
+ <li class="dib">
1574
+ <span class="icon DCPL icon-a-Pricedown"></span>
1575
+ <div class="name">
1576
+ Price down
1577
+ </div>
1578
+ <div class="code-name">.icon-a-Pricedown
1579
+ </div>
1580
+ </li>
1581
+
1582
+ <li class="dib">
1583
+ <span class="icon DCPL icon-a-Priceup"></span>
1584
+ <div class="name">
1585
+ Price up
1586
+ </div>
1587
+ <div class="code-name">.icon-a-Priceup
1588
+ </div>
1589
+ </li>
1590
+
1591
+ <li class="dib">
1592
+ <span class="icon DCPL icon-Package"></span>
1593
+ <div class="name">
1594
+ Package
1595
+ </div>
1596
+ <div class="code-name">.icon-Package
1597
+ </div>
1598
+ </li>
1599
+
1600
+ <li class="dib">
1601
+ <span class="icon DCPL icon-Thumbsup"></span>
1602
+ <div class="name">
1603
+ Thumbsup
1604
+ </div>
1605
+ <div class="code-name">.icon-Thumbsup
1606
+ </div>
1607
+ </li>
1608
+
1609
+ <li class="dib">
1610
+ <span class="icon DCPL icon-Support"></span>
1611
+ <div class="name">
1612
+ Support
1613
+ </div>
1614
+ <div class="code-name">.icon-Support
1615
+ </div>
1616
+ </li>
1617
+
1618
+ <li class="dib">
1619
+ <span class="icon DCPL icon-Simcard"></span>
1620
+ <div class="name">
1621
+ Simcard
1622
+ </div>
1623
+ <div class="code-name">.icon-Simcard
1624
+ </div>
1625
+ </li>
1626
+
1627
+ <li class="dib">
1628
+ <span class="icon DCPL icon-Trash"></span>
1629
+ <div class="name">
1630
+ Trash
1631
+ </div>
1632
+ <div class="code-name">.icon-Trash
1633
+ </div>
1634
+ </li>
1635
+
1636
+ <li class="dib">
1637
+ <span class="icon DCPL icon-Upload"></span>
1638
+ <div class="name">
1639
+ Upload
1640
+ </div>
1641
+ <div class="code-name">.icon-Upload
1642
+ </div>
1643
+ </li>
1644
+
1645
+ <li class="dib">
1646
+ <span class="icon DCPL icon-Time"></span>
1647
+ <div class="name">
1648
+ Time
1649
+ </div>
1650
+ <div class="code-name">.icon-Time
1651
+ </div>
1652
+ </li>
1653
+
1654
+ <li class="dib">
1655
+ <span class="icon DCPL icon-TV"></span>
1656
+ <div class="name">
1657
+ TV
1658
+ </div>
1659
+ <div class="code-name">.icon-TV
1660
+ </div>
1661
+ </li>
1662
+
1663
+ <li class="dib">
1664
+ <span class="icon DCPL icon-a-Mobilecopy"></span>
1665
+ <div class="name">
1666
+ Mobile copy
1667
+ </div>
1668
+ <div class="code-name">.icon-a-Mobilecopy
1669
+ </div>
1670
+ </li>
1671
+
1672
+ <li class="dib">
1673
+ <span class="icon DCPL icon-Wifi"></span>
1674
+ <div class="name">
1675
+ Wifi
1676
+ </div>
1677
+ <div class="code-name">.icon-Wifi
1678
+ </div>
1679
+ </li>
1680
+
1681
+ <li class="dib">
1682
+ <span class="icon DCPL icon-Work"></span>
1683
+ <div class="name">
1684
+ Work
1685
+ </div>
1686
+ <div class="code-name">.icon-Work
1687
+ </div>
1688
+ </li>
1689
+
1690
+ <li class="dib">
1691
+ <span class="icon DCPL icon-More"></span>
1692
+ <div class="name">
1693
+ More
1694
+ </div>
1695
+ <div class="code-name">.icon-More
1696
+ </div>
1697
+ </li>
1698
+
1699
+ <li class="dib">
1700
+ <span class="icon DCPL icon-Timeline"></span>
1701
+ <div class="name">
1702
+ Timeline
1703
+ </div>
1704
+ <div class="code-name">.icon-Timeline
1705
+ </div>
1706
+ </li>
1707
+
1708
+ <li class="dib">
1709
+ <span class="icon DCPL icon-a-RedMembership"></span>
1710
+ <div class="name">
1711
+ Red Membership
1712
+ </div>
1713
+ <div class="code-name">.icon-a-RedMembership
1714
+ </div>
1715
+ </li>
1716
+
1717
+ <li class="dib">
1718
+ <span class="icon DCPL icon-Settings"></span>
1719
+ <div class="name">
1720
+ Settings
1721
+ </div>
1722
+ <div class="code-name">.icon-Settings
1723
+ </div>
1724
+ </li>
1725
+
1726
+ <li class="dib">
1727
+ <span class="icon DCPL icon-Secure"></span>
1728
+ <div class="name">
1729
+ Secure
1730
+ </div>
1731
+ <div class="code-name">.icon-Secure
1732
+ </div>
1733
+ </li>
1734
+
1735
+ <li class="dib">
1736
+ <span class="icon DCPL icon-Shop-1"></span>
1737
+ <div class="name">
1738
+ Shop-1
1739
+ </div>
1740
+ <div class="code-name">.icon-Shop-1
1741
+ </div>
1742
+ </li>
1743
+
1744
+ <li class="dib">
1745
+ <span class="icon DCPL icon-Services"></span>
1746
+ <div class="name">
1747
+ Services
1748
+ </div>
1749
+ <div class="code-name">.icon-Services
1750
+ </div>
1751
+ </li>
1752
+
1753
+ <li class="dib">
1754
+ <span class="icon DCPL icon-Tablet"></span>
1755
+ <div class="name">
1756
+ Tablet
1757
+ </div>
1758
+ <div class="code-name">.icon-Tablet
1759
+ </div>
1760
+ </li>
1761
+
1762
+ <li class="dib">
1763
+ <span class="icon DCPL icon-a-Powerswitch"></span>
1764
+ <div class="name">
1765
+ Power switch
1766
+ </div>
1767
+ <div class="code-name">.icon-a-Powerswitch
1768
+ </div>
1769
+ </li>
1770
+
1771
+ <li class="dib">
1772
+ <span class="icon DCPL icon-Personal-1"></span>
1773
+ <div class="name">
1774
+ Personal-1
1775
+ </div>
1776
+ <div class="code-name">.icon-Personal-1
1777
+ </div>
1778
+ </li>
1779
+
1780
+ <li class="dib">
1781
+ <span class="icon DCPL icon-Secure-1"></span>
1782
+ <div class="name">
1783
+ Secure-1
1784
+ </div>
1785
+ <div class="code-name">.icon-Secure-1
1786
+ </div>
1787
+ </li>
1788
+
1789
+ <li class="dib">
1790
+ <span class="icon DCPL icon-a-TVaddon"></span>
1791
+ <div class="name">
1792
+ TV addon
1793
+ </div>
1794
+ <div class="code-name">.icon-a-TVaddon
1795
+ </div>
1796
+ </li>
1797
+
1798
+ <li class="dib">
1799
+ <span class="icon DCPL icon-Star"></span>
1800
+ <div class="name">
1801
+ Star
1802
+ </div>
1803
+ <div class="code-name">.icon-Star
1804
+ </div>
1805
+ </li>
1806
+
1807
+ <li class="dib">
1808
+ <span class="icon DCPL icon-Store"></span>
1809
+ <div class="name">
1810
+ Store
1811
+ </div>
1812
+ <div class="code-name">.icon-Store
1813
+ </div>
1814
+ </li>
1815
+
1816
+ <li class="dib">
1817
+ <span class="icon DCPL icon-Rewards-1"></span>
1818
+ <div class="name">
1819
+ Rewards-1
1820
+ </div>
1821
+ <div class="code-name">.icon-Rewards-1
1822
+ </div>
1823
+ </li>
1824
+
1825
+ <li class="dib">
1826
+ <span class="icon DCPL icon-a-Peaceofmind"></span>
1827
+ <div class="name">
1828
+ Peace of mind
1829
+ </div>
1830
+ <div class="code-name">.icon-a-Peaceofmind
1831
+ </div>
1832
+ </li>
1833
+
1834
+ <li class="dib">
1835
+ <span class="icon DCPL icon-Send"></span>
1836
+ <div class="name">
1837
+ Send
1838
+ </div>
1839
+ <div class="code-name">.icon-Send
1840
+ </div>
1841
+ </li>
1842
+
1843
+ <li class="dib">
1844
+ <span class="icon DCPL icon-Viewlist"></span>
1845
+ <div class="name">
1846
+ Viewlist
1847
+ </div>
1848
+ <div class="code-name">.icon-Viewlist
1849
+ </div>
1850
+ </li>
1851
+
1852
+ <li class="dib">
1853
+ <span class="icon DCPL icon-Search"></span>
1854
+ <div class="name">
1855
+ Search
1856
+ </div>
1857
+ <div class="code-name">.icon-Search
1858
+ </div>
1859
+ </li>
1860
+
1861
+ <li class="dib">
1862
+ <span class="icon DCPL icon-a-NotificationActive"></span>
1863
+ <div class="name">
1864
+ Notification Active
1865
+ </div>
1866
+ <div class="code-name">.icon-a-NotificationActive
1867
+ </div>
1868
+ </li>
1869
+
1870
+ <li class="dib">
1871
+ <span class="icon DCPL icon-Voucher"></span>
1872
+ <div class="name">
1873
+ Voucher
1874
+ </div>
1875
+ <div class="code-name">.icon-Voucher
1876
+ </div>
1877
+ </li>
1878
+
1879
+ <li class="dib">
1880
+ <span class="icon DCPL icon-Notice"></span>
1881
+ <div class="name">
1882
+ Notice
1883
+ </div>
1884
+ <div class="code-name">.icon-Notice
1885
+ </div>
1886
+ </li>
1887
+
1888
+ <li class="dib">
1889
+ <span class="icon DCPL icon-Movie"></span>
1890
+ <div class="name">
1891
+ Movie
1892
+ </div>
1893
+ <div class="code-name">.icon-Movie
1894
+ </div>
1895
+ </li>
1896
+
1897
+ <li class="dib">
1898
+ <span class="icon DCPL icon-Pause"></span>
1899
+ <div class="name">
1900
+ Pause
1901
+ </div>
1902
+ <div class="code-name">.icon-Pause
1903
+ </div>
1904
+ </li>
1905
+
1906
+ <li class="dib">
1907
+ <span class="icon DCPL icon-a-Refreshphone"></span>
1908
+ <div class="name">
1909
+ Refresh phone
1910
+ </div>
1911
+ <div class="code-name">.icon-a-Refreshphone
1912
+ </div>
1913
+ </li>
1914
+
1915
+ <li class="dib">
1916
+ <span class="icon DCPL icon-Options"></span>
1917
+ <div class="name">
1918
+ Options
1919
+ </div>
1920
+ <div class="code-name">.icon-Options
1921
+ </div>
1922
+ </li>
1923
+
1924
+ <li class="dib">
1925
+ <span class="icon DCPL icon-Monitor"></span>
1926
+ <div class="name">
1927
+ Monitor
1928
+ </div>
1929
+ <div class="code-name">.icon-Monitor
1930
+ </div>
1931
+ </li>
1932
+
1933
+ <li class="dib">
1934
+ <span class="icon DCPL icon-Share"></span>
1935
+ <div class="name">
1936
+ Share
1937
+ </div>
1938
+ <div class="code-name">.icon-Share
1939
+ </div>
1940
+ </li>
1941
+
1942
+ <li class="dib">
1943
+ <span class="icon DCPL icon-Rewards"></span>
1944
+ <div class="name">
1945
+ Rewards
1946
+ </div>
1947
+ <div class="code-name">.icon-Rewards
1948
+ </div>
1949
+ </li>
1950
+
1951
+ <li class="dib">
1952
+ <span class="icon DCPL icon-Pointer"></span>
1953
+ <div class="name">
1954
+ Pointer
1955
+ </div>
1956
+ <div class="code-name">.icon-Pointer
1957
+ </div>
1958
+ </li>
1959
+
1960
+ <li class="dib">
1961
+ <span class="icon DCPL icon-Pin"></span>
1962
+ <div class="name">
1963
+ Pin
1964
+ </div>
1965
+ <div class="code-name">.icon-Pin
1966
+ </div>
1967
+ </li>
1968
+
1969
+ <li class="dib">
1970
+ <span class="icon DCPL icon-Show"></span>
1971
+ <div class="name">
1972
+ Show
1973
+ </div>
1974
+ <div class="code-name">.icon-Show
1975
+ </div>
1976
+ </li>
1977
+
1978
+ <li class="dib">
1979
+ <span class="icon DCPL icon-Play"></span>
1980
+ <div class="name">
1981
+ Play
1982
+ </div>
1983
+ <div class="code-name">.icon-Play
1984
+ </div>
1985
+ </li>
1986
+
1987
+ <li class="dib">
1988
+ <span class="icon DCPL icon-Return"></span>
1989
+ <div class="name">
1990
+ Return
1991
+ </div>
1992
+ <div class="code-name">.icon-Return
1993
+ </div>
1994
+ </li>
1995
+
1996
+ <li class="dib">
1997
+ <span class="icon DCPL icon-Roaming"></span>
1998
+ <div class="name">
1999
+ Roaming
2000
+ </div>
2001
+ <div class="code-name">.icon-Roaming
2002
+ </div>
2003
+ </li>
2004
+
2005
+ <li class="dib">
2006
+ <span class="icon DCPL icon-a-Phonecontact"></span>
2007
+ <div class="name">
2008
+ Phone contact
2009
+ </div>
2010
+ <div class="code-name">.icon-a-Phonecontact
2011
+ </div>
2012
+ </li>
2013
+
2014
+ <li class="dib">
2015
+ <span class="icon DCPL icon-Heart-1"></span>
2016
+ <div class="name">
2017
+ Heart-1
2018
+ </div>
2019
+ <div class="code-name">.icon-Heart-1
2020
+ </div>
2021
+ </li>
2022
+
2023
+ <li class="dib">
2024
+ <span class="icon DCPL icon-Minimise"></span>
2025
+ <div class="name">
2026
+ Minimise
2027
+ </div>
2028
+ <div class="code-name">.icon-Minimise
2029
+ </div>
2030
+ </li>
2031
+
2032
+ <li class="dib">
2033
+ <span class="icon DCPL icon-IDD"></span>
2034
+ <div class="name">
2035
+ IDD
2036
+ </div>
2037
+ <div class="code-name">.icon-IDD
2038
+ </div>
2039
+ </li>
2040
+
2041
+ <li class="dib">
2042
+ <span class="icon DCPL icon-a-MailUnread"></span>
2043
+ <div class="name">
2044
+ MailUnread
2045
+ </div>
2046
+ <div class="code-name">.icon-a-MailUnread
2047
+ </div>
2048
+ </li>
2049
+
2050
+ <li class="dib">
2051
+ <span class="icon DCPL icon-Hide"></span>
2052
+ <div class="name">
2053
+ Hide
2054
+ </div>
2055
+ <div class="code-name">.icon-Hide
2056
+ </div>
2057
+ </li>
2058
+
2059
+ <li class="dib">
2060
+ <span class="icon DCPL icon-a-Mobileaddon"></span>
2061
+ <div class="name">
2062
+ Mobile addon
2063
+ </div>
2064
+ <div class="code-name">.icon-a-Mobileaddon
2065
+ </div>
2066
+ </li>
2067
+
2068
+ <li class="dib">
2069
+ <span class="icon DCPL icon-Message"></span>
2070
+ <div class="name">
2071
+ Message
2072
+ </div>
2073
+ <div class="code-name">.icon-Message
2074
+ </div>
2075
+ </li>
2076
+
2077
+ <li class="dib">
2078
+ <span class="icon DCPL icon-a-Mobileshare"></span>
2079
+ <div class="name">
2080
+ Mobile share
2081
+ </div>
2082
+ <div class="code-name">.icon-a-Mobileshare
2083
+ </div>
2084
+ </li>
2085
+
2086
+ <li class="dib">
2087
+ <span class="icon DCPL icon-Loading"></span>
2088
+ <div class="name">
2089
+ Loading
2090
+ </div>
2091
+ <div class="code-name">.icon-Loading
2092
+ </div>
2093
+ </li>
2094
+
2095
+ <li class="dib">
2096
+ <span class="icon DCPL icon-Home-1"></span>
2097
+ <div class="name">
2098
+ Home-1
2099
+ </div>
2100
+ <div class="code-name">.icon-Home-1
2101
+ </div>
2102
+ </li>
2103
+
2104
+ <li class="dib">
2105
+ <span class="icon DCPL icon-Mobilephone"></span>
2106
+ <div class="name">
2107
+ Mobilephone
2108
+ </div>
2109
+ <div class="code-name">.icon-Mobilephone
2110
+ </div>
2111
+ </li>
2112
+
2113
+ <li class="dib">
2114
+ <span class="icon DCPL icon-Mic"></span>
2115
+ <div class="name">
2116
+ Mic
2117
+ </div>
2118
+ <div class="code-name">.icon-Mic
2119
+ </div>
2120
+ </li>
2121
+
2122
+ <li class="dib">
2123
+ <span class="icon DCPL icon-Processing"></span>
2124
+ <div class="name">
2125
+ Processing
2126
+ </div>
2127
+ <div class="code-name">.icon-Processing
2128
+ </div>
2129
+ </li>
2130
+
2131
+ <li class="dib">
2132
+ <span class="icon DCPL icon-a-NotificationDisabled"></span>
2133
+ <div class="name">
2134
+ Notification Disabled
2135
+ </div>
2136
+ <div class="code-name">.icon-a-NotificationDisabled
2137
+ </div>
2138
+ </li>
2139
+
2140
+ <li class="dib">
2141
+ <span class="icon DCPL icon-Tack-2"></span>
2142
+ <div class="name">
2143
+ Tack-2
2144
+ </div>
2145
+ <div class="code-name">.icon-Tack-2
2146
+ </div>
2147
+ </li>
2148
+
2149
+ <li class="dib">
2150
+ <span class="icon DCPL icon-a-Speedmeter"></span>
2151
+ <div class="name">
2152
+ Speed meter
2153
+ </div>
2154
+ <div class="code-name">.icon-a-Speedmeter
2155
+ </div>
2156
+ </li>
2157
+
2158
+ <li class="dib">
2159
+ <span class="icon DCPL icon-Refresh"></span>
2160
+ <div class="name">
2161
+ Refresh
2162
+ </div>
2163
+ <div class="code-name">.icon-Refresh
2164
+ </div>
2165
+ </li>
2166
+
2167
+ <li class="dib">
2168
+ <span class="icon DCPL icon-Transport"></span>
2169
+ <div class="name">
2170
+ Transport
2171
+ </div>
2172
+ <div class="code-name">.icon-Transport
2173
+ </div>
2174
+ </li>
2175
+
2176
+ <li class="dib">
2177
+ <span class="icon DCPL icon-Music"></span>
2178
+ <div class="name">
2179
+ Music
2180
+ </div>
2181
+ <div class="code-name">.icon-Music
2182
+ </div>
2183
+ </li>
2184
+
2185
+ <li class="dib">
2186
+ <span class="icon DCPL icon-Edit"></span>
2187
+ <div class="name">
2188
+ Edit
2189
+ </div>
2190
+ <div class="code-name">.icon-Edit
2191
+ </div>
2192
+ </li>
2193
+
2194
+ <li class="dib">
2195
+ <span class="icon DCPL icon-a-Callback"></span>
2196
+ <div class="name">
2197
+ Call back
2198
+ </div>
2199
+ <div class="code-name">.icon-a-Callback
2200
+ </div>
2201
+ </li>
2202
+
2203
+ <li class="dib">
2204
+ <span class="icon DCPL icon-Personal"></span>
2205
+ <div class="name">
2206
+ Personal
2207
+ </div>
2208
+ <div class="code-name">.icon-Personal
2209
+ </div>
2210
+ </li>
2211
+
2212
+ <li class="dib">
2213
+ <span class="icon DCPL icon-a-Documentinfo"></span>
2214
+ <div class="name">
2215
+ Document info
2216
+ </div>
2217
+ <div class="code-name">.icon-a-Documentinfo
2218
+ </div>
2219
+ </li>
2220
+
2221
+ <li class="dib">
2222
+ <span class="icon DCPL icon-Wallet"></span>
2223
+ <div class="name">
2224
+ Wallet
2225
+ </div>
2226
+ <div class="code-name">.icon-Wallet
2227
+ </div>
2228
+ </li>
2229
+
2230
+ <li class="dib">
2231
+ <span class="icon DCPL icon-Shop"></span>
2232
+ <div class="name">
2233
+ Shop
2234
+ </div>
2235
+ <div class="code-name">.icon-Shop
2236
+ </div>
2237
+ </li>
2238
+
2239
+ <li class="dib">
2240
+ <span class="icon DCPL icon-a-Externallink"></span>
2241
+ <div class="name">
2242
+ External link
2243
+ </div>
2244
+ <div class="code-name">.icon-a-Externallink
2245
+ </div>
2246
+ </li>
2247
+
2248
+ <li class="dib">
2249
+ <span class="icon DCPL icon-Download"></span>
2250
+ <div class="name">
2251
+ Download
2252
+ </div>
2253
+ <div class="code-name">.icon-Download
2254
+ </div>
2255
+ </li>
2256
+
2257
+ <li class="dib">
2258
+ <span class="icon DCPL icon-a-GlobalSMS"></span>
2259
+ <div class="name">
2260
+ Global SMS
2261
+ </div>
2262
+ <div class="code-name">.icon-a-GlobalSMS
2263
+ </div>
2264
+ </li>
2265
+
2266
+ <li class="dib">
2267
+ <span class="icon DCPL icon-Bookmark"></span>
2268
+ <div class="name">
2269
+ Bookmark
2270
+ </div>
2271
+ <div class="code-name">.icon-Bookmark
2272
+ </div>
2273
+ </li>
2274
+
2275
+ <li class="dib">
2276
+ <span class="icon DCPL icon-a-Add-on-Product-1"></span>
2277
+ <div class="name">
2278
+ Add-on - Product-1
2279
+ </div>
2280
+ <div class="code-name">.icon-a-Add-on-Product-1
2281
+ </div>
2282
+ </li>
2283
+
2284
+ <li class="dib">
2285
+ <span class="icon DCPL icon-Home"></span>
2286
+ <div class="name">
2287
+ Home
2288
+ </div>
2289
+ <div class="code-name">.icon-Home
2290
+ </div>
2291
+ </li>
2292
+
2293
+ <li class="dib">
2294
+ <span class="icon DCPL icon-Mail"></span>
2295
+ <div class="name">
2296
+ Mail
2297
+ </div>
2298
+ <div class="code-name">.icon-Mail
2299
+ </div>
2300
+ </li>
2301
+
2302
+ <li class="dib">
2303
+ <span class="icon DCPL icon-Express"></span>
2304
+ <div class="name">
2305
+ Express
2306
+ </div>
2307
+ <div class="code-name">.icon-Express
2308
+ </div>
2309
+ </li>
2310
+
2311
+ <li class="dib">
2312
+ <span class="icon DCPL icon-Lightning"></span>
2313
+ <div class="name">
2314
+ Lightning
2315
+ </div>
2316
+ <div class="code-name">.icon-Lightning
2317
+ </div>
2318
+ </li>
2319
+
2320
+ <li class="dib">
2321
+ <span class="icon DCPL icon-Leisure"></span>
2322
+ <div class="name">
2323
+ Leisure
2324
+ </div>
2325
+ <div class="code-name">.icon-Leisure
2326
+ </div>
2327
+ </li>
2328
+
2329
+ <li class="dib">
2330
+ <span class="icon DCPL icon-a-Mobilephonebill"></span>
2331
+ <div class="name">
2332
+ Mobilephone bill
2333
+ </div>
2334
+ <div class="code-name">.icon-a-Mobilephonebill
2335
+ </div>
2336
+ </li>
2337
+
2338
+ <li class="dib">
2339
+ <span class="icon DCPL icon-Recommended"></span>
2340
+ <div class="name">
2341
+ Recommended
2342
+ </div>
2343
+ <div class="code-name">.icon-Recommended
2344
+ </div>
2345
+ </li>
2346
+
2347
+ <li class="dib">
2348
+ <span class="icon DCPL icon-Usage"></span>
2349
+ <div class="name">
2350
+ Usage
2351
+ </div>
2352
+ <div class="code-name">.icon-Usage
2353
+ </div>
2354
+ </li>
2355
+
2356
+ <li class="dib">
2357
+ <span class="icon DCPL icon-Calendar"></span>
2358
+ <div class="name">
2359
+ Calendar
2360
+ </div>
2361
+ <div class="code-name">.icon-Calendar
2362
+ </div>
2363
+ </li>
2364
+
2365
+ <li class="dib">
2366
+ <span class="icon DCPL icon-Contract"></span>
2367
+ <div class="name">
2368
+ Contract
2369
+ </div>
2370
+ <div class="code-name">.icon-Contract
2371
+ </div>
2372
+ </li>
2373
+
2374
+ <li class="dib">
2375
+ <span class="icon DCPL icon-Laptop"></span>
2376
+ <div class="name">
2377
+ Laptop
2378
+ </div>
2379
+ <div class="code-name">.icon-Laptop
2380
+ </div>
2381
+ </li>
2382
+
2383
+ <li class="dib">
2384
+ <span class="icon DCPL icon-CartActive"></span>
2385
+ <div class="name">
2386
+ CartActive
2387
+ </div>
2388
+ <div class="code-name">.icon-CartActive
2389
+ </div>
2390
+ </li>
2391
+
2392
+ <li class="dib">
2393
+ <span class="icon DCPL icon-Heart"></span>
2394
+ <div class="name">
2395
+ Heart
2396
+ </div>
2397
+ <div class="code-name">.icon-Heart
2398
+ </div>
2399
+ </li>
2400
+
2401
+ <li class="dib">
2402
+ <span class="icon DCPL icon-Flight-right"></span>
2403
+ <div class="name">
2404
+ Flight-right
2405
+ </div>
2406
+ <div class="code-name">.icon-Flight-right
2407
+ </div>
2408
+ </li>
2409
+
2410
+ <li class="dib">
2411
+ <span class="icon DCPL icon-Checklist"></span>
2412
+ <div class="name">
2413
+ Checklist
2414
+ </div>
2415
+ <div class="code-name">.icon-Checklist
2416
+ </div>
2417
+ </li>
2418
+
2419
+ <li class="dib">
2420
+ <span class="icon DCPL icon-Itinerary"></span>
2421
+ <div class="name">
2422
+ Itinerary
2423
+ </div>
2424
+ <div class="code-name">.icon-Itinerary
2425
+ </div>
2426
+ </li>
2427
+
2428
+ <li class="dib">
2429
+ <span class="icon DCPL icon-Creditcard"></span>
2430
+ <div class="name">
2431
+ Creditcard
2432
+ </div>
2433
+ <div class="code-name">.icon-Creditcard
2434
+ </div>
2435
+ </li>
2436
+
2437
+ <li class="dib">
2438
+ <span class="icon DCPL icon-Tack-1"></span>
2439
+ <div class="name">
2440
+ Tack-1
2441
+ </div>
2442
+ <div class="code-name">.icon-Tack-1
2443
+ </div>
2444
+ </li>
2445
+
2446
+ <li class="dib">
2447
+ <span class="icon DCPL icon-Data"></span>
2448
+ <div class="name">
2449
+ Data
2450
+ </div>
2451
+ <div class="code-name">.icon-Data
2452
+ </div>
2453
+ </li>
2454
+
2455
+ <li class="dib">
2456
+ <span class="icon DCPL icon-Delivery"></span>
2457
+ <div class="name">
2458
+ Delivery
2459
+ </div>
2460
+ <div class="code-name">.icon-Delivery
2461
+ </div>
2462
+ </li>
2463
+
2464
+ <li class="dib">
2465
+ <span class="icon DCPL icon-Cash"></span>
2466
+ <div class="name">
2467
+ Cash
2468
+ </div>
2469
+ <div class="code-name">.icon-Cash
2470
+ </div>
2471
+ </li>
2472
+
2473
+ <li class="dib">
2474
+ <span class="icon DCPL icon-a-Mobilesignal"></span>
2475
+ <div class="name">
2476
+ Mobile signal
2477
+ </div>
2478
+ <div class="code-name">.icon-a-Mobilesignal
2479
+ </div>
2480
+ </li>
2481
+
2482
+ <li class="dib">
2483
+ <span class="icon DCPL icon-Map"></span>
2484
+ <div class="name">
2485
+ Map
2486
+ </div>
2487
+ <div class="code-name">.icon-Map
2488
+ </div>
2489
+ </li>
2490
+
2491
+ <li class="dib">
2492
+ <span class="icon DCPL icon-Remote"></span>
2493
+ <div class="name">
2494
+ Remote
2495
+ </div>
2496
+ <div class="code-name">.icon-Remote
2497
+ </div>
2498
+ </li>
2499
+
2500
+ <li class="dib">
2501
+ <span class="icon DCPL icon-Food"></span>
2502
+ <div class="name">
2503
+ Food
2504
+ </div>
2505
+ <div class="code-name">.icon-Food
2506
+ </div>
2507
+ </li>
2508
+
2509
+ <li class="dib">
2510
+ <span class="icon DCPL icon-Chart"></span>
2511
+ <div class="name">
2512
+ Chart
2513
+ </div>
2514
+ <div class="code-name">.icon-Chart
2515
+ </div>
2516
+ </li>
2517
+
2518
+ <li class="dib">
2519
+ <span class="icon DCPL icon-Connected"></span>
2520
+ <div class="name">
2521
+ Connected
2522
+ </div>
2523
+ <div class="code-name">.icon-Connected
2524
+ </div>
2525
+ </li>
2526
+
2527
+ <li class="dib">
2528
+ <span class="icon DCPL icon-Discount"></span>
2529
+ <div class="name">
2530
+ Discount
2531
+ </div>
2532
+ <div class="code-name">.icon-Discount
2533
+ </div>
2534
+ </li>
2535
+
2536
+ <li class="dib">
2537
+ <span class="icon DCPL icon-Bills-1"></span>
2538
+ <div class="name">
2539
+ Bills-1
2540
+ </div>
2541
+ <div class="code-name">.icon-Bills-1
2542
+ </div>
2543
+ </li>
2544
+
2545
+ <li class="dib">
2546
+ <span class="icon DCPL icon-Flight-left"></span>
2547
+ <div class="name">
2548
+ Flight-left
2549
+ </div>
2550
+ <div class="code-name">.icon-Flight-left
2551
+ </div>
2552
+ </li>
2553
+
2554
+ <li class="dib">
2555
+ <span class="icon DCPL icon-a-Add-Generic"></span>
2556
+ <div class="name">
2557
+ Add - Generic
2558
+ </div>
2559
+ <div class="code-name">.icon-a-Add-Generic
2560
+ </div>
2561
+ </li>
2562
+
2563
+ <li class="dib">
2564
+ <span class="icon DCPL icon-Camera"></span>
2565
+ <div class="name">
2566
+ Camera
2567
+ </div>
2568
+ <div class="code-name">.icon-Camera
2569
+ </div>
2570
+ </li>
2571
+
2572
+ <li class="dib">
2573
+ <span class="icon DCPL icon-Globe"></span>
2574
+ <div class="name">
2575
+ Globe
2576
+ </div>
2577
+ <div class="code-name">.icon-Globe
2578
+ </div>
2579
+ </li>
2580
+
2581
+ <li class="dib">
2582
+ <span class="icon DCPL icon-Flight-1"></span>
2583
+ <div class="name">
2584
+ Flight-1
2585
+ </div>
2586
+ <div class="code-name">.icon-Flight-1
2587
+ </div>
2588
+ </li>
2589
+
2590
+ <li class="dib">
2591
+ <span class="icon DCPL icon-Community"></span>
2592
+ <div class="name">
2593
+ Community
2594
+ </div>
2595
+ <div class="code-name">.icon-Community
2596
+ </div>
2597
+ </li>
2598
+
2599
+ <li class="dib">
2600
+ <span class="icon DCPL icon-Attention"></span>
2601
+ <div class="name">
2602
+ Attention
2603
+ </div>
2604
+ <div class="code-name">.icon-Attention
2605
+ </div>
2606
+ </li>
2607
+
2608
+ <li class="dib">
2609
+ <span class="icon DCPL icon-Contacts"></span>
2610
+ <div class="name">
2611
+ Contacts
2612
+ </div>
2613
+ <div class="code-name">.icon-Contacts
2614
+ </div>
2615
+ </li>
2616
+
2617
+ <li class="dib">
2618
+ <span class="icon DCPL icon-Broadband"></span>
2619
+ <div class="name">
2620
+ Broadband
2621
+ </div>
2622
+ <div class="code-name">.icon-Broadband
2623
+ </div>
2624
+ </li>
2625
+
2626
+ <li class="dib">
2627
+ <span class="icon DCPL icon-Celebrate"></span>
2628
+ <div class="name">
2629
+ Celebrate
2630
+ </div>
2631
+ <div class="code-name">.icon-Celebrate
2632
+ </div>
2633
+ </li>
2634
+
2635
+ <li class="dib">
2636
+ <span class="icon DCPL icon-Listen"></span>
2637
+ <div class="name">
2638
+ Listen
2639
+ </div>
2640
+ <div class="code-name">.icon-Listen
2641
+ </div>
2642
+ </li>
2643
+
2644
+ <li class="dib">
2645
+ <span class="icon DCPL icon-Coverage"></span>
2646
+ <div class="name">
2647
+ Coverage
2648
+ </div>
2649
+ <div class="code-name">.icon-Coverage
2650
+ </div>
2651
+ </li>
2652
+
2653
+ <li class="dib">
2654
+ <span class="icon DCPL icon-Attachment"></span>
2655
+ <div class="name">
2656
+ Attachment
2657
+ </div>
2658
+ <div class="code-name">.icon-Attachment
2659
+ </div>
2660
+ </li>
2661
+
2662
+ <li class="dib">
2663
+ <span class="icon DCPL icon-Troubleshoot"></span>
2664
+ <div class="name">
2665
+ Troubleshoot
2666
+ </div>
2667
+ <div class="code-name">.icon-Troubleshoot
2668
+ </div>
2669
+ </li>
2670
+
2671
+ <li class="dib">
2672
+ <span class="icon DCPL icon-Notification"></span>
2673
+ <div class="name">
2674
+ Notification
2675
+ </div>
2676
+ <div class="code-name">.icon-Notification
2677
+ </div>
2678
+ </li>
2679
+
2680
+ <li class="dib">
2681
+ <span class="icon DCPL icon-Help"></span>
2682
+ <div class="name">
2683
+ Help
2684
+ </div>
2685
+ <div class="code-name">.icon-Help
2686
+ </div>
2687
+ </li>
2688
+
2689
+ <li class="dib">
2690
+ <span class="icon DCPL icon-a-Broadbandaddon"></span>
2691
+ <div class="name">
2692
+ Broadband addon
2693
+ </div>
2694
+ <div class="code-name">.icon-a-Broadbandaddon
2695
+ </div>
2696
+ </li>
2697
+
2698
+ <li class="dib">
2699
+ <span class="icon DCPL icon-Category"></span>
2700
+ <div class="name">
2701
+ Category
2702
+ </div>
2703
+ <div class="code-name">.icon-Category
2704
+ </div>
2705
+ </li>
2706
+
2707
+ <li class="dib">
2708
+ <span class="icon DCPL icon-a-Documentwtick"></span>
2709
+ <div class="name">
2710
+ Document w tick
2711
+ </div>
2712
+ <div class="code-name">.icon-a-Documentwtick
2713
+ </div>
2714
+ </li>
2715
+
2716
+ <li class="dib">
2717
+ <span class="icon DCPL icon-Entertainment"></span>
2718
+ <div class="name">
2719
+ Entertainment
2720
+ </div>
2721
+ <div class="code-name">.icon-Entertainment
2722
+ </div>
2723
+ </li>
2724
+
2725
+ <li class="dib">
2726
+ <span class="icon DCPL icon-Cart"></span>
2727
+ <div class="name">
2728
+ Cart
2729
+ </div>
2730
+ <div class="code-name">.icon-Cart
2731
+ </div>
2732
+ </li>
2733
+
2734
+ <li class="dib">
2735
+ <span class="icon DCPL icon-Document"></span>
2736
+ <div class="name">
2737
+ Document
2738
+ </div>
2739
+ <div class="code-name">.icon-Document
2740
+ </div>
2741
+ </li>
2742
+
2743
+ <li class="dib">
2744
+ <span class="icon DCPL icon-FAQ"></span>
2745
+ <div class="name">
2746
+ FAQ
2747
+ </div>
2748
+ <div class="code-name">.icon-FAQ
2749
+ </div>
2750
+ </li>
2751
+
2752
+ <li class="dib">
2753
+ <span class="icon DCPL icon-a-Add-on-Product"></span>
2754
+ <div class="name">
2755
+ Add-on - Product
2756
+ </div>
2757
+ <div class="code-name">.icon-a-Add-on-Product
2758
+ </div>
2759
+ </li>
2760
+
2761
+ <li class="dib">
2762
+ <span class="icon DCPL icon-a-HiAppprepaid"></span>
2763
+ <div class="name">
2764
+ HiApp prepaid
2765
+ </div>
2766
+ <div class="code-name">.icon-a-HiAppprepaid
2767
+ </div>
2768
+ </li>
2769
+
2770
+ <li class="dib">
2771
+ <span class="icon DCPL icon-Tack"></span>
2772
+ <div class="name">
2773
+ Tack
2774
+ </div>
2775
+ <div class="code-name">.icon-Tack
2776
+ </div>
2777
+ </li>
2778
+
2779
+ <li class="dib">
2780
+ <span class="icon DCPL icon-a-Partnerapps"></span>
2781
+ <div class="name">
2782
+ Partner apps
2783
+ </div>
2784
+ <div class="code-name">.icon-a-Partnerapps
2785
+ </div>
2786
+ </li>
2787
+
2788
+ <li class="dib">
2789
+ <span class="icon DCPL icon-Flight"></span>
2790
+ <div class="name">
2791
+ Flight
2792
+ </div>
2793
+ <div class="code-name">.icon-Flight
2794
+ </div>
2795
+ </li>
2796
+
2797
+ <li class="dib">
2798
+ <span class="icon DCPL icon-Menu"></span>
2799
+ <div class="name">
2800
+ Menu
2801
+ </div>
2802
+ <div class="code-name">.icon-Menu
2803
+ </div>
2804
+ </li>
2805
+
2806
+ <li class="dib">
2807
+ <span class="icon DCPL icon-a-Mobilebroadband"></span>
2808
+ <div class="name">
2809
+ Mobile broadband
2810
+ </div>
2811
+ <div class="code-name">.icon-a-Mobilebroadband
2812
+ </div>
2813
+ </li>
2814
+
2815
+ <li class="dib">
2816
+ <span class="icon DCPL icon-Announcement"></span>
2817
+ <div class="name">
2818
+ Announcement
2819
+ </div>
2820
+ <div class="code-name">.icon-Announcement
2821
+ </div>
2822
+ </li>
2823
+
2824
+ <li class="dib">
2825
+ <span class="icon DCPL icon-Bills"></span>
2826
+ <div class="name">
2827
+ Bills
2828
+ </div>
2829
+ <div class="code-name">.icon-Bills
2830
+ </div>
2831
+ </li>
2832
+
2833
+ <li class="dib">
2834
+ <span class="icon DCPL icon-Expand"></span>
2835
+ <div class="name">
2836
+ Expand
2837
+ </div>
2838
+ <div class="code-name">.icon-Expand
2839
+ </div>
2840
+ </li>
2841
+
2842
+ <li class="dib">
2843
+ <span class="icon DCPL icon-Filter"></span>
2844
+ <div class="name">
2845
+ Filter
2846
+ </div>
2847
+ <div class="code-name">.icon-Filter
2848
+ </div>
2849
+ </li>
2850
+
2851
+ </ul>
2852
+ <div class="article markdown">
2853
+ <h2 id="font-class-">font-class 引用</h2>
2854
+ <hr>
2855
+
2856
+ <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
2857
+ <p>与 Unicode 使用方式相比，具有如下特点：</p>
2858
+ <ul>
2859
+ <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
2860
+ <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
2861
+ </ul>
2862
+ <p>使用步骤如下：</p>
2863
+ <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
2864
+ <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
2865
+ </code></pre>
2866
+ <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
2867
+ <pre><code class="language-html">&lt;span class="DCPL icon-xxx"&gt;&lt;/span&gt;
2868
+ </code></pre>
2869
+ <blockquote>
2870
+ <p>"
2871
+ DCPL" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
2872
+ </blockquote>
2873
+ </div>
2874
+ </div>
2875
+ <div class="content symbol">
2876
+ <ul class="icon_lists dib-box">
2877
+
2878
+ <li class="dib">
2879
+ <svg class="icon svg-icon" aria-hidden="true">
2880
+ <use xlink:href="#icon-a-PhysicalSIM"></use>
2881
+ </svg>
2882
+ <div class="name">Physical SIM</div>
2883
+ <div class="code-name">#icon-a-PhysicalSIM</div>
2884
+ </li>
2885
+
2886
+ <li class="dib">
2887
+ <svg class="icon svg-icon" aria-hidden="true">
2888
+ <use xlink:href="#icon-a-Generalicons"></use>
2889
+ </svg>
2890
+ <div class="name">General icons</div>
2891
+ <div class="code-name">#icon-a-Generalicons</div>
2892
+ </li>
2893
+
2894
+ <li class="dib">
2895
+ <svg class="icon svg-icon" aria-hidden="true">
2896
+ <use xlink:href="#icon-whatsapp1"></use>
2897
+ </svg>
2898
+ <div class="name">whatsapp</div>
2899
+ <div class="code-name">#icon-whatsapp1</div>
2900
+ </li>
2901
+
2902
+ <li class="dib">
2903
+ <svg class="icon svg-icon" aria-hidden="true">
2904
+ <use xlink:href="#icon-SMS1"></use>
2905
+ </svg>
2906
+ <div class="name">SMS</div>
2907
+ <div class="code-name">#icon-SMS1</div>
2908
+ </li>
2909
+
2910
+ <li class="dib">
2911
+ <svg class="icon svg-icon" aria-hidden="true">
2912
+ <use xlink:href="#icon-a-phonenumber"></use>
2913
+ </svg>
2914
+ <div class="name">icon-kfckfc</div>
2915
+ <div class="code-name">#icon-a-phonenumber</div>
2916
+ </li>
2917
+
2918
+ <li class="dib">
2919
+ <svg class="icon svg-icon" aria-hidden="true">
2920
+ <use xlink:href="#icon-Sim"></use>
2921
+ </svg>
2922
+ <div class="name">Sim</div>
2923
+ <div class="code-name">#icon-Sim</div>
2924
+ </li>
2925
+
2926
+ <li class="dib">
2927
+ <svg class="icon svg-icon" aria-hidden="true">
2928
+ <use xlink:href="#icon-change_plan"></use>
2929
+ </svg>
2930
+ <div class="name">change_plan</div>
2931
+ <div class="code-name">#icon-change_plan</div>
2932
+ </li>
2933
+
2934
+ <li class="dib">
2935
+ <svg class="icon svg-icon" aria-hidden="true">
2936
+ <use xlink:href="#icon-copy"></use>
2937
+ </svg>
2938
+ <div class="name">copy</div>
2939
+ <div class="code-name">#icon-copy</div>
2940
+ </li>
2941
+
2942
+ <li class="dib">
2943
+ <svg class="icon svg-icon" aria-hidden="true">
2944
+ <use xlink:href="#icon-eSIM"></use>
2945
+ </svg>
2946
+ <div class="name">eSIM</div>
2947
+ <div class="code-name">#icon-eSIM</div>
2948
+ </li>
2949
+
2950
+ <li class="dib">
2951
+ <svg class="icon svg-icon" aria-hidden="true">
2952
+ <use xlink:href="#icon-Mobile"></use>
2953
+ </svg>
2954
+ <div class="name">Mobile</div>
2955
+ <div class="code-name">#icon-Mobile</div>
2956
+ </li>
2957
+
2958
+ <li class="dib">
2959
+ <svg class="icon svg-icon" aria-hidden="true">
2960
+ <use xlink:href="#icon-TV1"></use>
2961
+ </svg>
2962
+ <div class="name">TV</div>
2963
+ <div class="code-name">#icon-TV1</div>
2964
+ </li>
2965
+
2966
+ <li class="dib">
2967
+ <svg class="icon svg-icon" aria-hidden="true">
2968
+ <use xlink:href="#icon-Contract1"></use>
2969
+ </svg>
2970
+ <div class="name">Contract</div>
2971
+ <div class="code-name">#icon-Contract1</div>
2972
+ </li>
2973
+
2974
+ <li class="dib">
2975
+ <svg class="icon svg-icon" aria-hidden="true">
2976
+ <use xlink:href="#icon-Broadband1"></use>
2977
+ </svg>
2978
+ <div class="name">Broadband</div>
2979
+ <div class="code-name">#icon-Broadband1</div>
2980
+ </li>
2981
+
2982
+ <li class="dib">
2983
+ <svg class="icon svg-icon" aria-hidden="true">
2984
+ <use xlink:href="#icon-voice1"></use>
2985
+ </svg>
2986
+ <div class="name">voice</div>
2987
+ <div class="code-name">#icon-voice1</div>
2988
+ </li>
2989
+
2990
+ <li class="dib">
2991
+ <svg class="icon svg-icon" aria-hidden="true">
2992
+ <use xlink:href="#icon-read"></use>
2993
+ </svg>
2994
+ <div class="name">read</div>
2995
+ <div class="code-name">#icon-read</div>
2996
+ </li>
2997
+
2998
+ <li class="dib">
2999
+ <svg class="icon svg-icon" aria-hidden="true">
3000
+ <use xlink:href="#icon-faceID"></use>
3001
+ </svg>
3002
+ <div class="name">faceID</div>
3003
+ <div class="code-name">#icon-faceID</div>
3004
+ </li>
3005
+
3006
+ <li class="dib">
3007
+ <svg class="icon svg-icon" aria-hidden="true">
3008
+ <use xlink:href="#icon-a-Cannotbetracked"></use>
3009
+ </svg>
3010
+ <div class="name">Cannot be tracked</div>
3011
+ <div class="code-name">#icon-a-Cannotbetracked</div>
3012
+ </li>
3013
+
3014
+ <li class="dib">
3015
+ <svg class="icon svg-icon" aria-hidden="true">
3016
+ <use xlink:href="#icon-Completed"></use>
3017
+ </svg>
3018
+ <div class="name">Completed</div>
3019
+ <div class="code-name">#icon-Completed</div>
3020
+ </li>
3021
+
3022
+ <li class="dib">
3023
+ <svg class="icon svg-icon" aria-hidden="true">
3024
+ <use xlink:href="#icon-a-Inprogress"></use>
3025
+ </svg>
3026
+ <div class="name">In progress</div>
3027
+ <div class="code-name">#icon-a-Inprogress</div>
3028
+ </li>
3029
+
3030
+ <li class="dib">
3031
+ <svg class="icon svg-icon" aria-hidden="true">
3032
+ <use xlink:href="#icon-Default"></use>
3033
+ </svg>
3034
+ <div class="name">Default</div>
3035
+ <div class="code-name">#icon-Default</div>
3036
+ </li>
3037
+
3038
+ <li class="dib">
3039
+ <svg class="icon svg-icon" aria-hidden="true">
3040
+ <use xlink:href="#icon-Alert"></use>
3041
+ </svg>
3042
+ <div class="name">Alert</div>
3043
+ <div class="code-name">#icon-Alert</div>
3044
+ </li>
3045
+
3046
+ <li class="dib">
3047
+ <svg class="icon svg-icon" aria-hidden="true">
3048
+ <use xlink:href="#icon-a-Arrow-Up"></use>
3049
+ </svg>
3050
+ <div class="name">Arrow - Up</div>
3051
+ <div class="code-name">#icon-a-Arrow-Up</div>
3052
+ </li>
3053
+
3054
+ <li class="dib">
3055
+ <svg class="icon svg-icon" aria-hidden="true">
3056
+ <use xlink:href="#icon-a-Backarrow-copy"></use>
3057
+ </svg>
3058
+ <div class="name">Backarrow</div>
3059
+ <div class="code-name">#icon-a-Backarrow-copy</div>
3060
+ </li>
3061
+
3062
+ <li class="dib">
3063
+ <svg class="icon svg-icon" aria-hidden="true">
3064
+ <use xlink:href="#icon-Tick"></use>
3065
+ </svg>
3066
+ <div class="name">Tick</div>
3067
+ <div class="code-name">#icon-Tick</div>
3068
+ </li>
3069
+
3070
+ <li class="dib">
3071
+ <svg class="icon svg-icon" aria-hidden="true">
3072
+ <use xlink:href="#icon-filter"></use>
3073
+ </svg>
3074
+ <div class="name">filter</div>
3075
+ <div class="code-name">#icon-filter</div>
3076
+ </li>
3077
+
3078
+ <li class="dib">
3079
+ <svg class="icon svg-icon" aria-hidden="true">
3080
+ <use xlink:href="#icon-a-SortingNeutral"></use>
3081
+ </svg>
3082
+ <div class="name">Sorting Neutral</div>
3083
+ <div class="code-name">#icon-a-SortingNeutral</div>
3084
+ </li>
3085
+
3086
+ <li class="dib">
3087
+ <svg class="icon svg-icon" aria-hidden="true">
3088
+ <use xlink:href="#icon-a-SortingUp"></use>
3089
+ </svg>
3090
+ <div class="name">Sorting Up</div>
3091
+ <div class="code-name">#icon-a-SortingUp</div>
3092
+ </li>
3093
+
3094
+ <li class="dib">
3095
+ <svg class="icon svg-icon" aria-hidden="true">
3096
+ <use xlink:href="#icon-a-SortingDown"></use>
3097
+ </svg>
3098
+ <div class="name">Sorting Down</div>
3099
+ <div class="code-name">#icon-a-SortingDown</div>
3100
+ </li>
3101
+
3102
+ <li class="dib">
3103
+ <svg class="icon svg-icon" aria-hidden="true">
3104
+ <use xlink:href="#icon-a-Arrow-Right"></use>
3105
+ </svg>
3106
+ <div class="name">Arrow - Right</div>
3107
+ <div class="code-name">#icon-a-Arrow-Right</div>
3108
+ </li>
3109
+
3110
+ <li class="dib">
3111
+ <svg class="icon svg-icon" aria-hidden="true">
3112
+ <use xlink:href="#icon-Info"></use>
3113
+ </svg>
3114
+ <div class="name">Info</div>
3115
+ <div class="code-name">#icon-Info</div>
3116
+ </li>
3117
+
3118
+ <li class="dib">
3119
+ <svg class="icon svg-icon" aria-hidden="true">
3120
+ <use xlink:href="#icon-Plus"></use>
3121
+ </svg>
3122
+ <div class="name">Plus</div>
3123
+ <div class="code-name">#icon-Plus</div>
3124
+ </li>
3125
+
3126
+ <li class="dib">
3127
+ <svg class="icon svg-icon" aria-hidden="true">
3128
+ <use xlink:href="#icon-Clear"></use>
3129
+ </svg>
3130
+ <div class="name">Clear</div>
3131
+ <div class="code-name">#icon-Clear</div>
3132
+ </li>
3133
+
3134
+ <li class="dib">
3135
+ <svg class="icon svg-icon" aria-hidden="true">
3136
+ <use xlink:href="#icon-Minus"></use>
3137
+ </svg>
3138
+ <div class="name">Minus</div>
3139
+ <div class="code-name">#icon-Minus</div>
3140
+ </li>
3141
+
3142
+ <li class="dib">
3143
+ <svg class="icon svg-icon" aria-hidden="true">
3144
+ <use xlink:href="#icon-a-Backarrow"></use>
3145
+ </svg>
3146
+ <div class="name">Backarrow</div>
3147
+ <div class="code-name">#icon-a-Backarrow</div>
3148
+ </li>
3149
+
3150
+ <li class="dib">
3151
+ <svg class="icon svg-icon" aria-hidden="true">
3152
+ <use xlink:href="#icon-Close"></use>
3153
+ </svg>
3154
+ <div class="name">Close</div>
3155
+ <div class="code-name">#icon-Close</div>
3156
+ </li>
3157
+
3158
+ <li class="dib">
3159
+ <svg class="icon svg-icon" aria-hidden="true">
3160
+ <use xlink:href="#icon-a-Arrow-Down"></use>
3161
+ </svg>
3162
+ <div class="name">Arrow - Down</div>
3163
+ <div class="code-name">#icon-a-Arrow-Down</div>
3164
+ </li>
3165
+
3166
+ <li class="dib">
3167
+ <svg class="icon svg-icon" aria-hidden="true">
3168
+ <use xlink:href="#icon-a-Arrow-Left"></use>
3169
+ </svg>
3170
+ <div class="name">Arrow - Left</div>
3171
+ <div class="code-name">#icon-a-Arrow-Left</div>
3172
+ </li>
3173
+
3174
+ <li class="dib">
3175
+ <svg class="icon svg-icon" aria-hidden="true">
3176
+ <use xlink:href="#icon-a-Star-half"></use>
3177
+ </svg>
3178
+ <div class="name">Star - half</div>
3179
+ <div class="code-name">#icon-a-Star-half</div>
3180
+ </li>
3181
+
3182
+ <li class="dib">
3183
+ <svg class="icon svg-icon" aria-hidden="true">
3184
+ <use xlink:href="#icon-On"></use>
3185
+ </svg>
3186
+ <div class="name">On</div>
3187
+ <div class="code-name">#icon-On</div>
3188
+ </li>
3189
+
3190
+ <li class="dib">
3191
+ <svg class="icon svg-icon" aria-hidden="true">
3192
+ <use xlink:href="#icon-Off"></use>
3193
+ </svg>
3194
+ <div class="name">Off</div>
3195
+ <div class="code-name">#icon-Off</div>
3196
+ </li>
3197
+
3198
+ <li class="dib">
3199
+ <svg class="icon svg-icon" aria-hidden="true">
3200
+ <use xlink:href="#icon-a-Star-full"></use>
3201
+ </svg>
3202
+ <div class="name">Star - full</div>
3203
+ <div class="code-name">#icon-a-Star-full</div>
3204
+ </li>
3205
+
3206
+ <li class="dib">
3207
+ <svg class="icon svg-icon" aria-hidden="true">
3208
+ <use xlink:href="#icon-a-Pricedown"></use>
3209
+ </svg>
3210
+ <div class="name">Price down</div>
3211
+ <div class="code-name">#icon-a-Pricedown</div>
3212
+ </li>
3213
+
3214
+ <li class="dib">
3215
+ <svg class="icon svg-icon" aria-hidden="true">
3216
+ <use xlink:href="#icon-a-Priceup"></use>
3217
+ </svg>
3218
+ <div class="name">Price up</div>
3219
+ <div class="code-name">#icon-a-Priceup</div>
3220
+ </li>
3221
+
3222
+ <li class="dib">
3223
+ <svg class="icon svg-icon" aria-hidden="true">
3224
+ <use xlink:href="#icon-Package"></use>
3225
+ </svg>
3226
+ <div class="name">Package</div>
3227
+ <div class="code-name">#icon-Package</div>
3228
+ </li>
3229
+
3230
+ <li class="dib">
3231
+ <svg class="icon svg-icon" aria-hidden="true">
3232
+ <use xlink:href="#icon-Thumbsup"></use>
3233
+ </svg>
3234
+ <div class="name">Thumbsup</div>
3235
+ <div class="code-name">#icon-Thumbsup</div>
3236
+ </li>
3237
+
3238
+ <li class="dib">
3239
+ <svg class="icon svg-icon" aria-hidden="true">
3240
+ <use xlink:href="#icon-Support"></use>
3241
+ </svg>
3242
+ <div class="name">Support</div>
3243
+ <div class="code-name">#icon-Support</div>
3244
+ </li>
3245
+
3246
+ <li class="dib">
3247
+ <svg class="icon svg-icon" aria-hidden="true">
3248
+ <use xlink:href="#icon-Simcard"></use>
3249
+ </svg>
3250
+ <div class="name">Simcard</div>
3251
+ <div class="code-name">#icon-Simcard</div>
3252
+ </li>
3253
+
3254
+ <li class="dib">
3255
+ <svg class="icon svg-icon" aria-hidden="true">
3256
+ <use xlink:href="#icon-Trash"></use>
3257
+ </svg>
3258
+ <div class="name">Trash</div>
3259
+ <div class="code-name">#icon-Trash</div>
3260
+ </li>
3261
+
3262
+ <li class="dib">
3263
+ <svg class="icon svg-icon" aria-hidden="true">
3264
+ <use xlink:href="#icon-Upload"></use>
3265
+ </svg>
3266
+ <div class="name">Upload</div>
3267
+ <div class="code-name">#icon-Upload</div>
3268
+ </li>
3269
+
3270
+ <li class="dib">
3271
+ <svg class="icon svg-icon" aria-hidden="true">
3272
+ <use xlink:href="#icon-Time"></use>
3273
+ </svg>
3274
+ <div class="name">Time</div>
3275
+ <div class="code-name">#icon-Time</div>
3276
+ </li>
3277
+
3278
+ <li class="dib">
3279
+ <svg class="icon svg-icon" aria-hidden="true">
3280
+ <use xlink:href="#icon-TV"></use>
3281
+ </svg>
3282
+ <div class="name">TV</div>
3283
+ <div class="code-name">#icon-TV</div>
3284
+ </li>
3285
+
3286
+ <li class="dib">
3287
+ <svg class="icon svg-icon" aria-hidden="true">
3288
+ <use xlink:href="#icon-a-Mobilecopy"></use>
3289
+ </svg>
3290
+ <div class="name">Mobile copy</div>
3291
+ <div class="code-name">#icon-a-Mobilecopy</div>
3292
+ </li>
3293
+
3294
+ <li class="dib">
3295
+ <svg class="icon svg-icon" aria-hidden="true">
3296
+ <use xlink:href="#icon-Wifi"></use>
3297
+ </svg>
3298
+ <div class="name">Wifi</div>
3299
+ <div class="code-name">#icon-Wifi</div>
3300
+ </li>
3301
+
3302
+ <li class="dib">
3303
+ <svg class="icon svg-icon" aria-hidden="true">
3304
+ <use xlink:href="#icon-Work"></use>
3305
+ </svg>
3306
+ <div class="name">Work</div>
3307
+ <div class="code-name">#icon-Work</div>
3308
+ </li>
3309
+
3310
+ <li class="dib">
3311
+ <svg class="icon svg-icon" aria-hidden="true">
3312
+ <use xlink:href="#icon-More"></use>
3313
+ </svg>
3314
+ <div class="name">More</div>
3315
+ <div class="code-name">#icon-More</div>
3316
+ </li>
3317
+
3318
+ <li class="dib">
3319
+ <svg class="icon svg-icon" aria-hidden="true">
3320
+ <use xlink:href="#icon-Timeline"></use>
3321
+ </svg>
3322
+ <div class="name">Timeline</div>
3323
+ <div class="code-name">#icon-Timeline</div>
3324
+ </li>
3325
+
3326
+ <li class="dib">
3327
+ <svg class="icon svg-icon" aria-hidden="true">
3328
+ <use xlink:href="#icon-a-RedMembership"></use>
3329
+ </svg>
3330
+ <div class="name">Red Membership</div>
3331
+ <div class="code-name">#icon-a-RedMembership</div>
3332
+ </li>
3333
+
3334
+ <li class="dib">
3335
+ <svg class="icon svg-icon" aria-hidden="true">
3336
+ <use xlink:href="#icon-Settings"></use>
3337
+ </svg>
3338
+ <div class="name">Settings</div>
3339
+ <div class="code-name">#icon-Settings</div>
3340
+ </li>
3341
+
3342
+ <li class="dib">
3343
+ <svg class="icon svg-icon" aria-hidden="true">
3344
+ <use xlink:href="#icon-Secure"></use>
3345
+ </svg>
3346
+ <div class="name">Secure</div>
3347
+ <div class="code-name">#icon-Secure</div>
3348
+ </li>
3349
+
3350
+ <li class="dib">
3351
+ <svg class="icon svg-icon" aria-hidden="true">
3352
+ <use xlink:href="#icon-Shop-1"></use>
3353
+ </svg>
3354
+ <div class="name">Shop-1</div>
3355
+ <div class="code-name">#icon-Shop-1</div>
3356
+ </li>
3357
+
3358
+ <li class="dib">
3359
+ <svg class="icon svg-icon" aria-hidden="true">
3360
+ <use xlink:href="#icon-Services"></use>
3361
+ </svg>
3362
+ <div class="name">Services</div>
3363
+ <div class="code-name">#icon-Services</div>
3364
+ </li>
3365
+
3366
+ <li class="dib">
3367
+ <svg class="icon svg-icon" aria-hidden="true">
3368
+ <use xlink:href="#icon-Tablet"></use>
3369
+ </svg>
3370
+ <div class="name">Tablet</div>
3371
+ <div class="code-name">#icon-Tablet</div>
3372
+ </li>
3373
+
3374
+ <li class="dib">
3375
+ <svg class="icon svg-icon" aria-hidden="true">
3376
+ <use xlink:href="#icon-a-Powerswitch"></use>
3377
+ </svg>
3378
+ <div class="name">Power switch</div>
3379
+ <div class="code-name">#icon-a-Powerswitch</div>
3380
+ </li>
3381
+
3382
+ <li class="dib">
3383
+ <svg class="icon svg-icon" aria-hidden="true">
3384
+ <use xlink:href="#icon-Personal-1"></use>
3385
+ </svg>
3386
+ <div class="name">Personal-1</div>
3387
+ <div class="code-name">#icon-Personal-1</div>
3388
+ </li>
3389
+
3390
+ <li class="dib">
3391
+ <svg class="icon svg-icon" aria-hidden="true">
3392
+ <use xlink:href="#icon-Secure-1"></use>
3393
+ </svg>
3394
+ <div class="name">Secure-1</div>
3395
+ <div class="code-name">#icon-Secure-1</div>
3396
+ </li>
3397
+
3398
+ <li class="dib">
3399
+ <svg class="icon svg-icon" aria-hidden="true">
3400
+ <use xlink:href="#icon-a-TVaddon"></use>
3401
+ </svg>
3402
+ <div class="name">TV addon</div>
3403
+ <div class="code-name">#icon-a-TVaddon</div>
3404
+ </li>
3405
+
3406
+ <li class="dib">
3407
+ <svg class="icon svg-icon" aria-hidden="true">
3408
+ <use xlink:href="#icon-Star"></use>
3409
+ </svg>
3410
+ <div class="name">Star</div>
3411
+ <div class="code-name">#icon-Star</div>
3412
+ </li>
3413
+
3414
+ <li class="dib">
3415
+ <svg class="icon svg-icon" aria-hidden="true">
3416
+ <use xlink:href="#icon-Store"></use>
3417
+ </svg>
3418
+ <div class="name">Store</div>
3419
+ <div class="code-name">#icon-Store</div>
3420
+ </li>
3421
+
3422
+ <li class="dib">
3423
+ <svg class="icon svg-icon" aria-hidden="true">
3424
+ <use xlink:href="#icon-Rewards-1"></use>
3425
+ </svg>
3426
+ <div class="name">Rewards-1</div>
3427
+ <div class="code-name">#icon-Rewards-1</div>
3428
+ </li>
3429
+
3430
+ <li class="dib">
3431
+ <svg class="icon svg-icon" aria-hidden="true">
3432
+ <use xlink:href="#icon-a-Peaceofmind"></use>
3433
+ </svg>
3434
+ <div class="name">Peace of mind</div>
3435
+ <div class="code-name">#icon-a-Peaceofmind</div>
3436
+ </li>
3437
+
3438
+ <li class="dib">
3439
+ <svg class="icon svg-icon" aria-hidden="true">
3440
+ <use xlink:href="#icon-Send"></use>
3441
+ </svg>
3442
+ <div class="name">Send</div>
3443
+ <div class="code-name">#icon-Send</div>
3444
+ </li>
3445
+
3446
+ <li class="dib">
3447
+ <svg class="icon svg-icon" aria-hidden="true">
3448
+ <use xlink:href="#icon-Viewlist"></use>
3449
+ </svg>
3450
+ <div class="name">Viewlist</div>
3451
+ <div class="code-name">#icon-Viewlist</div>
3452
+ </li>
3453
+
3454
+ <li class="dib">
3455
+ <svg class="icon svg-icon" aria-hidden="true">
3456
+ <use xlink:href="#icon-Search"></use>
3457
+ </svg>
3458
+ <div class="name">Search</div>
3459
+ <div class="code-name">#icon-Search</div>
3460
+ </li>
3461
+
3462
+ <li class="dib">
3463
+ <svg class="icon svg-icon" aria-hidden="true">
3464
+ <use xlink:href="#icon-a-NotificationActive"></use>
3465
+ </svg>
3466
+ <div class="name">Notification Active</div>
3467
+ <div class="code-name">#icon-a-NotificationActive</div>
3468
+ </li>
3469
+
3470
+ <li class="dib">
3471
+ <svg class="icon svg-icon" aria-hidden="true">
3472
+ <use xlink:href="#icon-Voucher"></use>
3473
+ </svg>
3474
+ <div class="name">Voucher</div>
3475
+ <div class="code-name">#icon-Voucher</div>
3476
+ </li>
3477
+
3478
+ <li class="dib">
3479
+ <svg class="icon svg-icon" aria-hidden="true">
3480
+ <use xlink:href="#icon-Notice"></use>
3481
+ </svg>
3482
+ <div class="name">Notice</div>
3483
+ <div class="code-name">#icon-Notice</div>
3484
+ </li>
3485
+
3486
+ <li class="dib">
3487
+ <svg class="icon svg-icon" aria-hidden="true">
3488
+ <use xlink:href="#icon-Movie"></use>
3489
+ </svg>
3490
+ <div class="name">Movie</div>
3491
+ <div class="code-name">#icon-Movie</div>
3492
+ </li>
3493
+
3494
+ <li class="dib">
3495
+ <svg class="icon svg-icon" aria-hidden="true">
3496
+ <use xlink:href="#icon-Pause"></use>
3497
+ </svg>
3498
+ <div class="name">Pause</div>
3499
+ <div class="code-name">#icon-Pause</div>
3500
+ </li>
3501
+
3502
+ <li class="dib">
3503
+ <svg class="icon svg-icon" aria-hidden="true">
3504
+ <use xlink:href="#icon-a-Refreshphone"></use>
3505
+ </svg>
3506
+ <div class="name">Refresh phone</div>
3507
+ <div class="code-name">#icon-a-Refreshphone</div>
3508
+ </li>
3509
+
3510
+ <li class="dib">
3511
+ <svg class="icon svg-icon" aria-hidden="true">
3512
+ <use xlink:href="#icon-Options"></use>
3513
+ </svg>
3514
+ <div class="name">Options</div>
3515
+ <div class="code-name">#icon-Options</div>
3516
+ </li>
3517
+
3518
+ <li class="dib">
3519
+ <svg class="icon svg-icon" aria-hidden="true">
3520
+ <use xlink:href="#icon-Monitor"></use>
3521
+ </svg>
3522
+ <div class="name">Monitor</div>
3523
+ <div class="code-name">#icon-Monitor</div>
3524
+ </li>
3525
+
3526
+ <li class="dib">
3527
+ <svg class="icon svg-icon" aria-hidden="true">
3528
+ <use xlink:href="#icon-Share"></use>
3529
+ </svg>
3530
+ <div class="name">Share</div>
3531
+ <div class="code-name">#icon-Share</div>
3532
+ </li>
3533
+
3534
+ <li class="dib">
3535
+ <svg class="icon svg-icon" aria-hidden="true">
3536
+ <use xlink:href="#icon-Rewards"></use>
3537
+ </svg>
3538
+ <div class="name">Rewards</div>
3539
+ <div class="code-name">#icon-Rewards</div>
3540
+ </li>
3541
+
3542
+ <li class="dib">
3543
+ <svg class="icon svg-icon" aria-hidden="true">
3544
+ <use xlink:href="#icon-Pointer"></use>
3545
+ </svg>
3546
+ <div class="name">Pointer</div>
3547
+ <div class="code-name">#icon-Pointer</div>
3548
+ </li>
3549
+
3550
+ <li class="dib">
3551
+ <svg class="icon svg-icon" aria-hidden="true">
3552
+ <use xlink:href="#icon-Pin"></use>
3553
+ </svg>
3554
+ <div class="name">Pin</div>
3555
+ <div class="code-name">#icon-Pin</div>
3556
+ </li>
3557
+
3558
+ <li class="dib">
3559
+ <svg class="icon svg-icon" aria-hidden="true">
3560
+ <use xlink:href="#icon-Show"></use>
3561
+ </svg>
3562
+ <div class="name">Show</div>
3563
+ <div class="code-name">#icon-Show</div>
3564
+ </li>
3565
+
3566
+ <li class="dib">
3567
+ <svg class="icon svg-icon" aria-hidden="true">
3568
+ <use xlink:href="#icon-Play"></use>
3569
+ </svg>
3570
+ <div class="name">Play</div>
3571
+ <div class="code-name">#icon-Play</div>
3572
+ </li>
3573
+
3574
+ <li class="dib">
3575
+ <svg class="icon svg-icon" aria-hidden="true">
3576
+ <use xlink:href="#icon-Return"></use>
3577
+ </svg>
3578
+ <div class="name">Return</div>
3579
+ <div class="code-name">#icon-Return</div>
3580
+ </li>
3581
+
3582
+ <li class="dib">
3583
+ <svg class="icon svg-icon" aria-hidden="true">
3584
+ <use xlink:href="#icon-Roaming"></use>
3585
+ </svg>
3586
+ <div class="name">Roaming</div>
3587
+ <div class="code-name">#icon-Roaming</div>
3588
+ </li>
3589
+
3590
+ <li class="dib">
3591
+ <svg class="icon svg-icon" aria-hidden="true">
3592
+ <use xlink:href="#icon-a-Phonecontact"></use>
3593
+ </svg>
3594
+ <div class="name">Phone contact</div>
3595
+ <div class="code-name">#icon-a-Phonecontact</div>
3596
+ </li>
3597
+
3598
+ <li class="dib">
3599
+ <svg class="icon svg-icon" aria-hidden="true">
3600
+ <use xlink:href="#icon-Heart-1"></use>
3601
+ </svg>
3602
+ <div class="name">Heart-1</div>
3603
+ <div class="code-name">#icon-Heart-1</div>
3604
+ </li>
3605
+
3606
+ <li class="dib">
3607
+ <svg class="icon svg-icon" aria-hidden="true">
3608
+ <use xlink:href="#icon-Minimise"></use>
3609
+ </svg>
3610
+ <div class="name">Minimise</div>
3611
+ <div class="code-name">#icon-Minimise</div>
3612
+ </li>
3613
+
3614
+ <li class="dib">
3615
+ <svg class="icon svg-icon" aria-hidden="true">
3616
+ <use xlink:href="#icon-IDD"></use>
3617
+ </svg>
3618
+ <div class="name">IDD</div>
3619
+ <div class="code-name">#icon-IDD</div>
3620
+ </li>
3621
+
3622
+ <li class="dib">
3623
+ <svg class="icon svg-icon" aria-hidden="true">
3624
+ <use xlink:href="#icon-a-MailUnread"></use>
3625
+ </svg>
3626
+ <div class="name">MailUnread</div>
3627
+ <div class="code-name">#icon-a-MailUnread</div>
3628
+ </li>
3629
+
3630
+ <li class="dib">
3631
+ <svg class="icon svg-icon" aria-hidden="true">
3632
+ <use xlink:href="#icon-Hide"></use>
3633
+ </svg>
3634
+ <div class="name">Hide</div>
3635
+ <div class="code-name">#icon-Hide</div>
3636
+ </li>
3637
+
3638
+ <li class="dib">
3639
+ <svg class="icon svg-icon" aria-hidden="true">
3640
+ <use xlink:href="#icon-a-Mobileaddon"></use>
3641
+ </svg>
3642
+ <div class="name">Mobile addon</div>
3643
+ <div class="code-name">#icon-a-Mobileaddon</div>
3644
+ </li>
3645
+
3646
+ <li class="dib">
3647
+ <svg class="icon svg-icon" aria-hidden="true">
3648
+ <use xlink:href="#icon-Message"></use>
3649
+ </svg>
3650
+ <div class="name">Message</div>
3651
+ <div class="code-name">#icon-Message</div>
3652
+ </li>
3653
+
3654
+ <li class="dib">
3655
+ <svg class="icon svg-icon" aria-hidden="true">
3656
+ <use xlink:href="#icon-a-Mobileshare"></use>
3657
+ </svg>
3658
+ <div class="name">Mobile share</div>
3659
+ <div class="code-name">#icon-a-Mobileshare</div>
3660
+ </li>
3661
+
3662
+ <li class="dib">
3663
+ <svg class="icon svg-icon" aria-hidden="true">
3664
+ <use xlink:href="#icon-Loading"></use>
3665
+ </svg>
3666
+ <div class="name">Loading</div>
3667
+ <div class="code-name">#icon-Loading</div>
3668
+ </li>
3669
+
3670
+ <li class="dib">
3671
+ <svg class="icon svg-icon" aria-hidden="true">
3672
+ <use xlink:href="#icon-Home-1"></use>
3673
+ </svg>
3674
+ <div class="name">Home-1</div>
3675
+ <div class="code-name">#icon-Home-1</div>
3676
+ </li>
3677
+
3678
+ <li class="dib">
3679
+ <svg class="icon svg-icon" aria-hidden="true">
3680
+ <use xlink:href="#icon-Mobilephone"></use>
3681
+ </svg>
3682
+ <div class="name">Mobilephone</div>
3683
+ <div class="code-name">#icon-Mobilephone</div>
3684
+ </li>
3685
+
3686
+ <li class="dib">
3687
+ <svg class="icon svg-icon" aria-hidden="true">
3688
+ <use xlink:href="#icon-Mic"></use>
3689
+ </svg>
3690
+ <div class="name">Mic</div>
3691
+ <div class="code-name">#icon-Mic</div>
3692
+ </li>
3693
+
3694
+ <li class="dib">
3695
+ <svg class="icon svg-icon" aria-hidden="true">
3696
+ <use xlink:href="#icon-Processing"></use>
3697
+ </svg>
3698
+ <div class="name">Processing</div>
3699
+ <div class="code-name">#icon-Processing</div>
3700
+ </li>
3701
+
3702
+ <li class="dib">
3703
+ <svg class="icon svg-icon" aria-hidden="true">
3704
+ <use xlink:href="#icon-a-NotificationDisabled"></use>
3705
+ </svg>
3706
+ <div class="name">Notification Disabled</div>
3707
+ <div class="code-name">#icon-a-NotificationDisabled</div>
3708
+ </li>
3709
+
3710
+ <li class="dib">
3711
+ <svg class="icon svg-icon" aria-hidden="true">
3712
+ <use xlink:href="#icon-Tack-2"></use>
3713
+ </svg>
3714
+ <div class="name">Tack-2</div>
3715
+ <div class="code-name">#icon-Tack-2</div>
3716
+ </li>
3717
+
3718
+ <li class="dib">
3719
+ <svg class="icon svg-icon" aria-hidden="true">
3720
+ <use xlink:href="#icon-a-Speedmeter"></use>
3721
+ </svg>
3722
+ <div class="name">Speed meter</div>
3723
+ <div class="code-name">#icon-a-Speedmeter</div>
3724
+ </li>
3725
+
3726
+ <li class="dib">
3727
+ <svg class="icon svg-icon" aria-hidden="true">
3728
+ <use xlink:href="#icon-Refresh"></use>
3729
+ </svg>
3730
+ <div class="name">Refresh</div>
3731
+ <div class="code-name">#icon-Refresh</div>
3732
+ </li>
3733
+
3734
+ <li class="dib">
3735
+ <svg class="icon svg-icon" aria-hidden="true">
3736
+ <use xlink:href="#icon-Transport"></use>
3737
+ </svg>
3738
+ <div class="name">Transport</div>
3739
+ <div class="code-name">#icon-Transport</div>
3740
+ </li>
3741
+
3742
+ <li class="dib">
3743
+ <svg class="icon svg-icon" aria-hidden="true">
3744
+ <use xlink:href="#icon-Music"></use>
3745
+ </svg>
3746
+ <div class="name">Music</div>
3747
+ <div class="code-name">#icon-Music</div>
3748
+ </li>
3749
+
3750
+ <li class="dib">
3751
+ <svg class="icon svg-icon" aria-hidden="true">
3752
+ <use xlink:href="#icon-Edit"></use>
3753
+ </svg>
3754
+ <div class="name">Edit</div>
3755
+ <div class="code-name">#icon-Edit</div>
3756
+ </li>
3757
+
3758
+ <li class="dib">
3759
+ <svg class="icon svg-icon" aria-hidden="true">
3760
+ <use xlink:href="#icon-a-Callback"></use>
3761
+ </svg>
3762
+ <div class="name">Call back</div>
3763
+ <div class="code-name">#icon-a-Callback</div>
3764
+ </li>
3765
+
3766
+ <li class="dib">
3767
+ <svg class="icon svg-icon" aria-hidden="true">
3768
+ <use xlink:href="#icon-Personal"></use>
3769
+ </svg>
3770
+ <div class="name">Personal</div>
3771
+ <div class="code-name">#icon-Personal</div>
3772
+ </li>
3773
+
3774
+ <li class="dib">
3775
+ <svg class="icon svg-icon" aria-hidden="true">
3776
+ <use xlink:href="#icon-a-Documentinfo"></use>
3777
+ </svg>
3778
+ <div class="name">Document info</div>
3779
+ <div class="code-name">#icon-a-Documentinfo</div>
3780
+ </li>
3781
+
3782
+ <li class="dib">
3783
+ <svg class="icon svg-icon" aria-hidden="true">
3784
+ <use xlink:href="#icon-Wallet"></use>
3785
+ </svg>
3786
+ <div class="name">Wallet</div>
3787
+ <div class="code-name">#icon-Wallet</div>
3788
+ </li>
3789
+
3790
+ <li class="dib">
3791
+ <svg class="icon svg-icon" aria-hidden="true">
3792
+ <use xlink:href="#icon-Shop"></use>
3793
+ </svg>
3794
+ <div class="name">Shop</div>
3795
+ <div class="code-name">#icon-Shop</div>
3796
+ </li>
3797
+
3798
+ <li class="dib">
3799
+ <svg class="icon svg-icon" aria-hidden="true">
3800
+ <use xlink:href="#icon-a-Externallink"></use>
3801
+ </svg>
3802
+ <div class="name">External link</div>
3803
+ <div class="code-name">#icon-a-Externallink</div>
3804
+ </li>
3805
+
3806
+ <li class="dib">
3807
+ <svg class="icon svg-icon" aria-hidden="true">
3808
+ <use xlink:href="#icon-Download"></use>
3809
+ </svg>
3810
+ <div class="name">Download</div>
3811
+ <div class="code-name">#icon-Download</div>
3812
+ </li>
3813
+
3814
+ <li class="dib">
3815
+ <svg class="icon svg-icon" aria-hidden="true">
3816
+ <use xlink:href="#icon-a-GlobalSMS"></use>
3817
+ </svg>
3818
+ <div class="name">Global SMS</div>
3819
+ <div class="code-name">#icon-a-GlobalSMS</div>
3820
+ </li>
3821
+
3822
+ <li class="dib">
3823
+ <svg class="icon svg-icon" aria-hidden="true">
3824
+ <use xlink:href="#icon-Bookmark"></use>
3825
+ </svg>
3826
+ <div class="name">Bookmark</div>
3827
+ <div class="code-name">#icon-Bookmark</div>
3828
+ </li>
3829
+
3830
+ <li class="dib">
3831
+ <svg class="icon svg-icon" aria-hidden="true">
3832
+ <use xlink:href="#icon-a-Add-on-Product-1"></use>
3833
+ </svg>
3834
+ <div class="name">Add-on - Product-1</div>
3835
+ <div class="code-name">#icon-a-Add-on-Product-1</div>
3836
+ </li>
3837
+
3838
+ <li class="dib">
3839
+ <svg class="icon svg-icon" aria-hidden="true">
3840
+ <use xlink:href="#icon-Home"></use>
3841
+ </svg>
3842
+ <div class="name">Home</div>
3843
+ <div class="code-name">#icon-Home</div>
3844
+ </li>
3845
+
3846
+ <li class="dib">
3847
+ <svg class="icon svg-icon" aria-hidden="true">
3848
+ <use xlink:href="#icon-Mail"></use>
3849
+ </svg>
3850
+ <div class="name">Mail</div>
3851
+ <div class="code-name">#icon-Mail</div>
3852
+ </li>
3853
+
3854
+ <li class="dib">
3855
+ <svg class="icon svg-icon" aria-hidden="true">
3856
+ <use xlink:href="#icon-Express"></use>
3857
+ </svg>
3858
+ <div class="name">Express</div>
3859
+ <div class="code-name">#icon-Express</div>
3860
+ </li>
3861
+
3862
+ <li class="dib">
3863
+ <svg class="icon svg-icon" aria-hidden="true">
3864
+ <use xlink:href="#icon-Lightning"></use>
3865
+ </svg>
3866
+ <div class="name">Lightning</div>
3867
+ <div class="code-name">#icon-Lightning</div>
3868
+ </li>
3869
+
3870
+ <li class="dib">
3871
+ <svg class="icon svg-icon" aria-hidden="true">
3872
+ <use xlink:href="#icon-Leisure"></use>
3873
+ </svg>
3874
+ <div class="name">Leisure</div>
3875
+ <div class="code-name">#icon-Leisure</div>
3876
+ </li>
3877
+
3878
+ <li class="dib">
3879
+ <svg class="icon svg-icon" aria-hidden="true">
3880
+ <use xlink:href="#icon-a-Mobilephonebill"></use>
3881
+ </svg>
3882
+ <div class="name">Mobilephone bill</div>
3883
+ <div class="code-name">#icon-a-Mobilephonebill</div>
3884
+ </li>
3885
+
3886
+ <li class="dib">
3887
+ <svg class="icon svg-icon" aria-hidden="true">
3888
+ <use xlink:href="#icon-Recommended"></use>
3889
+ </svg>
3890
+ <div class="name">Recommended</div>
3891
+ <div class="code-name">#icon-Recommended</div>
3892
+ </li>
3893
+
3894
+ <li class="dib">
3895
+ <svg class="icon svg-icon" aria-hidden="true">
3896
+ <use xlink:href="#icon-Usage"></use>
3897
+ </svg>
3898
+ <div class="name">Usage</div>
3899
+ <div class="code-name">#icon-Usage</div>
3900
+ </li>
3901
+
3902
+ <li class="dib">
3903
+ <svg class="icon svg-icon" aria-hidden="true">
3904
+ <use xlink:href="#icon-Calendar"></use>
3905
+ </svg>
3906
+ <div class="name">Calendar</div>
3907
+ <div class="code-name">#icon-Calendar</div>
3908
+ </li>
3909
+
3910
+ <li class="dib">
3911
+ <svg class="icon svg-icon" aria-hidden="true">
3912
+ <use xlink:href="#icon-Contract"></use>
3913
+ </svg>
3914
+ <div class="name">Contract</div>
3915
+ <div class="code-name">#icon-Contract</div>
3916
+ </li>
3917
+
3918
+ <li class="dib">
3919
+ <svg class="icon svg-icon" aria-hidden="true">
3920
+ <use xlink:href="#icon-Laptop"></use>
3921
+ </svg>
3922
+ <div class="name">Laptop</div>
3923
+ <div class="code-name">#icon-Laptop</div>
3924
+ </li>
3925
+
3926
+ <li class="dib">
3927
+ <svg class="icon svg-icon" aria-hidden="true">
3928
+ <use xlink:href="#icon-CartActive"></use>
3929
+ </svg>
3930
+ <div class="name">CartActive</div>
3931
+ <div class="code-name">#icon-CartActive</div>
3932
+ </li>
3933
+
3934
+ <li class="dib">
3935
+ <svg class="icon svg-icon" aria-hidden="true">
3936
+ <use xlink:href="#icon-Heart"></use>
3937
+ </svg>
3938
+ <div class="name">Heart</div>
3939
+ <div class="code-name">#icon-Heart</div>
3940
+ </li>
3941
+
3942
+ <li class="dib">
3943
+ <svg class="icon svg-icon" aria-hidden="true">
3944
+ <use xlink:href="#icon-Flight-right"></use>
3945
+ </svg>
3946
+ <div class="name">Flight-right</div>
3947
+ <div class="code-name">#icon-Flight-right</div>
3948
+ </li>
3949
+
3950
+ <li class="dib">
3951
+ <svg class="icon svg-icon" aria-hidden="true">
3952
+ <use xlink:href="#icon-Checklist"></use>
3953
+ </svg>
3954
+ <div class="name">Checklist</div>
3955
+ <div class="code-name">#icon-Checklist</div>
3956
+ </li>
3957
+
3958
+ <li class="dib">
3959
+ <svg class="icon svg-icon" aria-hidden="true">
3960
+ <use xlink:href="#icon-Itinerary"></use>
3961
+ </svg>
3962
+ <div class="name">Itinerary</div>
3963
+ <div class="code-name">#icon-Itinerary</div>
3964
+ </li>
3965
+
3966
+ <li class="dib">
3967
+ <svg class="icon svg-icon" aria-hidden="true">
3968
+ <use xlink:href="#icon-Creditcard"></use>
3969
+ </svg>
3970
+ <div class="name">Creditcard</div>
3971
+ <div class="code-name">#icon-Creditcard</div>
3972
+ </li>
3973
+
3974
+ <li class="dib">
3975
+ <svg class="icon svg-icon" aria-hidden="true">
3976
+ <use xlink:href="#icon-Tack-1"></use>
3977
+ </svg>
3978
+ <div class="name">Tack-1</div>
3979
+ <div class="code-name">#icon-Tack-1</div>
3980
+ </li>
3981
+
3982
+ <li class="dib">
3983
+ <svg class="icon svg-icon" aria-hidden="true">
3984
+ <use xlink:href="#icon-Data"></use>
3985
+ </svg>
3986
+ <div class="name">Data</div>
3987
+ <div class="code-name">#icon-Data</div>
3988
+ </li>
3989
+
3990
+ <li class="dib">
3991
+ <svg class="icon svg-icon" aria-hidden="true">
3992
+ <use xlink:href="#icon-Delivery"></use>
3993
+ </svg>
3994
+ <div class="name">Delivery</div>
3995
+ <div class="code-name">#icon-Delivery</div>
3996
+ </li>
3997
+
3998
+ <li class="dib">
3999
+ <svg class="icon svg-icon" aria-hidden="true">
4000
+ <use xlink:href="#icon-Cash"></use>
4001
+ </svg>
4002
+ <div class="name">Cash</div>
4003
+ <div class="code-name">#icon-Cash</div>
4004
+ </li>
4005
+
4006
+ <li class="dib">
4007
+ <svg class="icon svg-icon" aria-hidden="true">
4008
+ <use xlink:href="#icon-a-Mobilesignal"></use>
4009
+ </svg>
4010
+ <div class="name">Mobile signal</div>
4011
+ <div class="code-name">#icon-a-Mobilesignal</div>
4012
+ </li>
4013
+
4014
+ <li class="dib">
4015
+ <svg class="icon svg-icon" aria-hidden="true">
4016
+ <use xlink:href="#icon-Map"></use>
4017
+ </svg>
4018
+ <div class="name">Map</div>
4019
+ <div class="code-name">#icon-Map</div>
4020
+ </li>
4021
+
4022
+ <li class="dib">
4023
+ <svg class="icon svg-icon" aria-hidden="true">
4024
+ <use xlink:href="#icon-Remote"></use>
4025
+ </svg>
4026
+ <div class="name">Remote</div>
4027
+ <div class="code-name">#icon-Remote</div>
4028
+ </li>
4029
+
4030
+ <li class="dib">
4031
+ <svg class="icon svg-icon" aria-hidden="true">
4032
+ <use xlink:href="#icon-Food"></use>
4033
+ </svg>
4034
+ <div class="name">Food</div>
4035
+ <div class="code-name">#icon-Food</div>
4036
+ </li>
4037
+
4038
+ <li class="dib">
4039
+ <svg class="icon svg-icon" aria-hidden="true">
4040
+ <use xlink:href="#icon-Chart"></use>
4041
+ </svg>
4042
+ <div class="name">Chart</div>
4043
+ <div class="code-name">#icon-Chart</div>
4044
+ </li>
4045
+
4046
+ <li class="dib">
4047
+ <svg class="icon svg-icon" aria-hidden="true">
4048
+ <use xlink:href="#icon-Connected"></use>
4049
+ </svg>
4050
+ <div class="name">Connected</div>
4051
+ <div class="code-name">#icon-Connected</div>
4052
+ </li>
4053
+
4054
+ <li class="dib">
4055
+ <svg class="icon svg-icon" aria-hidden="true">
4056
+ <use xlink:href="#icon-Discount"></use>
4057
+ </svg>
4058
+ <div class="name">Discount</div>
4059
+ <div class="code-name">#icon-Discount</div>
4060
+ </li>
4061
+
4062
+ <li class="dib">
4063
+ <svg class="icon svg-icon" aria-hidden="true">
4064
+ <use xlink:href="#icon-Bills-1"></use>
4065
+ </svg>
4066
+ <div class="name">Bills-1</div>
4067
+ <div class="code-name">#icon-Bills-1</div>
4068
+ </li>
4069
+
4070
+ <li class="dib">
4071
+ <svg class="icon svg-icon" aria-hidden="true">
4072
+ <use xlink:href="#icon-Flight-left"></use>
4073
+ </svg>
4074
+ <div class="name">Flight-left</div>
4075
+ <div class="code-name">#icon-Flight-left</div>
4076
+ </li>
4077
+
4078
+ <li class="dib">
4079
+ <svg class="icon svg-icon" aria-hidden="true">
4080
+ <use xlink:href="#icon-a-Add-Generic"></use>
4081
+ </svg>
4082
+ <div class="name">Add - Generic</div>
4083
+ <div class="code-name">#icon-a-Add-Generic</div>
4084
+ </li>
4085
+
4086
+ <li class="dib">
4087
+ <svg class="icon svg-icon" aria-hidden="true">
4088
+ <use xlink:href="#icon-Camera"></use>
4089
+ </svg>
4090
+ <div class="name">Camera</div>
4091
+ <div class="code-name">#icon-Camera</div>
4092
+ </li>
4093
+
4094
+ <li class="dib">
4095
+ <svg class="icon svg-icon" aria-hidden="true">
4096
+ <use xlink:href="#icon-Globe"></use>
4097
+ </svg>
4098
+ <div class="name">Globe</div>
4099
+ <div class="code-name">#icon-Globe</div>
4100
+ </li>
4101
+
4102
+ <li class="dib">
4103
+ <svg class="icon svg-icon" aria-hidden="true">
4104
+ <use xlink:href="#icon-Flight-1"></use>
4105
+ </svg>
4106
+ <div class="name">Flight-1</div>
4107
+ <div class="code-name">#icon-Flight-1</div>
4108
+ </li>
4109
+
4110
+ <li class="dib">
4111
+ <svg class="icon svg-icon" aria-hidden="true">
4112
+ <use xlink:href="#icon-Community"></use>
4113
+ </svg>
4114
+ <div class="name">Community</div>
4115
+ <div class="code-name">#icon-Community</div>
4116
+ </li>
4117
+
4118
+ <li class="dib">
4119
+ <svg class="icon svg-icon" aria-hidden="true">
4120
+ <use xlink:href="#icon-Attention"></use>
4121
+ </svg>
4122
+ <div class="name">Attention</div>
4123
+ <div class="code-name">#icon-Attention</div>
4124
+ </li>
4125
+
4126
+ <li class="dib">
4127
+ <svg class="icon svg-icon" aria-hidden="true">
4128
+ <use xlink:href="#icon-Contacts"></use>
4129
+ </svg>
4130
+ <div class="name">Contacts</div>
4131
+ <div class="code-name">#icon-Contacts</div>
4132
+ </li>
4133
+
4134
+ <li class="dib">
4135
+ <svg class="icon svg-icon" aria-hidden="true">
4136
+ <use xlink:href="#icon-Broadband"></use>
4137
+ </svg>
4138
+ <div class="name">Broadband</div>
4139
+ <div class="code-name">#icon-Broadband</div>
4140
+ </li>
4141
+
4142
+ <li class="dib">
4143
+ <svg class="icon svg-icon" aria-hidden="true">
4144
+ <use xlink:href="#icon-Celebrate"></use>
4145
+ </svg>
4146
+ <div class="name">Celebrate</div>
4147
+ <div class="code-name">#icon-Celebrate</div>
4148
+ </li>
4149
+
4150
+ <li class="dib">
4151
+ <svg class="icon svg-icon" aria-hidden="true">
4152
+ <use xlink:href="#icon-Listen"></use>
4153
+ </svg>
4154
+ <div class="name">Listen</div>
4155
+ <div class="code-name">#icon-Listen</div>
4156
+ </li>
4157
+
4158
+ <li class="dib">
4159
+ <svg class="icon svg-icon" aria-hidden="true">
4160
+ <use xlink:href="#icon-Coverage"></use>
4161
+ </svg>
4162
+ <div class="name">Coverage</div>
4163
+ <div class="code-name">#icon-Coverage</div>
4164
+ </li>
4165
+
4166
+ <li class="dib">
4167
+ <svg class="icon svg-icon" aria-hidden="true">
4168
+ <use xlink:href="#icon-Attachment"></use>
4169
+ </svg>
4170
+ <div class="name">Attachment</div>
4171
+ <div class="code-name">#icon-Attachment</div>
4172
+ </li>
4173
+
4174
+ <li class="dib">
4175
+ <svg class="icon svg-icon" aria-hidden="true">
4176
+ <use xlink:href="#icon-Troubleshoot"></use>
4177
+ </svg>
4178
+ <div class="name">Troubleshoot</div>
4179
+ <div class="code-name">#icon-Troubleshoot</div>
4180
+ </li>
4181
+
4182
+ <li class="dib">
4183
+ <svg class="icon svg-icon" aria-hidden="true">
4184
+ <use xlink:href="#icon-Notification"></use>
4185
+ </svg>
4186
+ <div class="name">Notification</div>
4187
+ <div class="code-name">#icon-Notification</div>
4188
+ </li>
4189
+
4190
+ <li class="dib">
4191
+ <svg class="icon svg-icon" aria-hidden="true">
4192
+ <use xlink:href="#icon-Help"></use>
4193
+ </svg>
4194
+ <div class="name">Help</div>
4195
+ <div class="code-name">#icon-Help</div>
4196
+ </li>
4197
+
4198
+ <li class="dib">
4199
+ <svg class="icon svg-icon" aria-hidden="true">
4200
+ <use xlink:href="#icon-a-Broadbandaddon"></use>
4201
+ </svg>
4202
+ <div class="name">Broadband addon</div>
4203
+ <div class="code-name">#icon-a-Broadbandaddon</div>
4204
+ </li>
4205
+
4206
+ <li class="dib">
4207
+ <svg class="icon svg-icon" aria-hidden="true">
4208
+ <use xlink:href="#icon-Category"></use>
4209
+ </svg>
4210
+ <div class="name">Category</div>
4211
+ <div class="code-name">#icon-Category</div>
4212
+ </li>
4213
+
4214
+ <li class="dib">
4215
+ <svg class="icon svg-icon" aria-hidden="true">
4216
+ <use xlink:href="#icon-a-Documentwtick"></use>
4217
+ </svg>
4218
+ <div class="name">Document w tick</div>
4219
+ <div class="code-name">#icon-a-Documentwtick</div>
4220
+ </li>
4221
+
4222
+ <li class="dib">
4223
+ <svg class="icon svg-icon" aria-hidden="true">
4224
+ <use xlink:href="#icon-Entertainment"></use>
4225
+ </svg>
4226
+ <div class="name">Entertainment</div>
4227
+ <div class="code-name">#icon-Entertainment</div>
4228
+ </li>
4229
+
4230
+ <li class="dib">
4231
+ <svg class="icon svg-icon" aria-hidden="true">
4232
+ <use xlink:href="#icon-Cart"></use>
4233
+ </svg>
4234
+ <div class="name">Cart</div>
4235
+ <div class="code-name">#icon-Cart</div>
4236
+ </li>
4237
+
4238
+ <li class="dib">
4239
+ <svg class="icon svg-icon" aria-hidden="true">
4240
+ <use xlink:href="#icon-Document"></use>
4241
+ </svg>
4242
+ <div class="name">Document</div>
4243
+ <div class="code-name">#icon-Document</div>
4244
+ </li>
4245
+
4246
+ <li class="dib">
4247
+ <svg class="icon svg-icon" aria-hidden="true">
4248
+ <use xlink:href="#icon-FAQ"></use>
4249
+ </svg>
4250
+ <div class="name">FAQ</div>
4251
+ <div class="code-name">#icon-FAQ</div>
4252
+ </li>
4253
+
4254
+ <li class="dib">
4255
+ <svg class="icon svg-icon" aria-hidden="true">
4256
+ <use xlink:href="#icon-a-Add-on-Product"></use>
4257
+ </svg>
4258
+ <div class="name">Add-on - Product</div>
4259
+ <div class="code-name">#icon-a-Add-on-Product</div>
4260
+ </li>
4261
+
4262
+ <li class="dib">
4263
+ <svg class="icon svg-icon" aria-hidden="true">
4264
+ <use xlink:href="#icon-a-HiAppprepaid"></use>
4265
+ </svg>
4266
+ <div class="name">HiApp prepaid</div>
4267
+ <div class="code-name">#icon-a-HiAppprepaid</div>
4268
+ </li>
4269
+
4270
+ <li class="dib">
4271
+ <svg class="icon svg-icon" aria-hidden="true">
4272
+ <use xlink:href="#icon-Tack"></use>
4273
+ </svg>
4274
+ <div class="name">Tack</div>
4275
+ <div class="code-name">#icon-Tack</div>
4276
+ </li>
4277
+
4278
+ <li class="dib">
4279
+ <svg class="icon svg-icon" aria-hidden="true">
4280
+ <use xlink:href="#icon-a-Partnerapps"></use>
4281
+ </svg>
4282
+ <div class="name">Partner apps</div>
4283
+ <div class="code-name">#icon-a-Partnerapps</div>
4284
+ </li>
4285
+
4286
+ <li class="dib">
4287
+ <svg class="icon svg-icon" aria-hidden="true">
4288
+ <use xlink:href="#icon-Flight"></use>
4289
+ </svg>
4290
+ <div class="name">Flight</div>
4291
+ <div class="code-name">#icon-Flight</div>
4292
+ </li>
4293
+
4294
+ <li class="dib">
4295
+ <svg class="icon svg-icon" aria-hidden="true">
4296
+ <use xlink:href="#icon-Menu"></use>
4297
+ </svg>
4298
+ <div class="name">Menu</div>
4299
+ <div class="code-name">#icon-Menu</div>
4300
+ </li>
4301
+
4302
+ <li class="dib">
4303
+ <svg class="icon svg-icon" aria-hidden="true">
4304
+ <use xlink:href="#icon-a-Mobilebroadband"></use>
4305
+ </svg>
4306
+ <div class="name">Mobile broadband</div>
4307
+ <div class="code-name">#icon-a-Mobilebroadband</div>
4308
+ </li>
4309
+
4310
+ <li class="dib">
4311
+ <svg class="icon svg-icon" aria-hidden="true">
4312
+ <use xlink:href="#icon-Announcement"></use>
4313
+ </svg>
4314
+ <div class="name">Announcement</div>
4315
+ <div class="code-name">#icon-Announcement</div>
4316
+ </li>
4317
+
4318
+ <li class="dib">
4319
+ <svg class="icon svg-icon" aria-hidden="true">
4320
+ <use xlink:href="#icon-Bills"></use>
4321
+ </svg>
4322
+ <div class="name">Bills</div>
4323
+ <div class="code-name">#icon-Bills</div>
4324
+ </li>
4325
+
4326
+ <li class="dib">
4327
+ <svg class="icon svg-icon" aria-hidden="true">
4328
+ <use xlink:href="#icon-Expand"></use>
4329
+ </svg>
4330
+ <div class="name">Expand</div>
4331
+ <div class="code-name">#icon-Expand</div>
4332
+ </li>
4333
+
4334
+ <li class="dib">
4335
+ <svg class="icon svg-icon" aria-hidden="true">
4336
+ <use xlink:href="#icon-Filter"></use>
4337
+ </svg>
4338
+ <div class="name">Filter</div>
4339
+ <div class="code-name">#icon-Filter</div>
4340
+ </li>
4341
+
4342
+ </ul>
4343
+ <div class="article markdown">
4344
+ <h2 id="symbol-">Symbol 引用</h2>
4345
+ <hr>
4346
+
4347
+ <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
4348
+ 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
4349
+ <ul>
4350
+ <li>支持多色图标了，不再受单色限制。</li>
4351
+ <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
4352
+ <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
4353
+ <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
4354
+ </ul>
4355
+ <p>使用步骤如下：</p>
4356
+ <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
4357
+ <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
4358
+ </code></pre>
4359
+ <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
4360
+ <pre><code class="language-html">&lt;style&gt;
4361
+ .icon {
4362
+ width: 1em;
4363
+ height: 1em;
4364
+ vertical-align: -0.15em;
4365
+ fill: currentColor;
4366
+ overflow: hidden;
4367
+ }
4368
+ &lt;/style&gt;
4369
+ </code></pre>
4370
+ <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
4371
+ <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
4372
+ &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
4373
+ &lt;/svg&gt;
4374
+ </code></pre>
4375
+ </div>
4376
+ </div>
4377
+
4378
+ </div>
4379
+ </div>
4380
+ <script>
4381
+ $(document).ready(function () {
4382
+ $('.tab-container .content:first').show()
4383
+
4384
+ $('#tabs li').click(function (e) {
4385
+ var tabContent = $('.tab-container .content')
4386
+ var index = $(this).index()
4387
+
4388
+ if ($(this).hasClass('active')) {
4389
+ return
4390
+ } else {
4391
+ $('#tabs li').removeClass('active')
4392
+ $(this).addClass('active')
4393
+
4394
+ tabContent.hide().eq(index).fadeIn()
4395
+ }
4396
+ })
4397
+ })
4398
+ </script>
4399
+ </body>
4400
+ </html>