新的 Triton 主题在 Font Awesome 字体的基础上加了点以前没有的东西 - 我们列出来了一些图标, 字体编码, 和名字，以方便你的使用.
对于 Pictos 字体我们同样也加了这些内容.
使用细节
框架中默认不包含 Pictos 图标字体(就像Sencha Touch的情况). 现在它是一个单独的包，你需要在您的应用程序和/或主题中引入(Require)。
// 当你的主题要用到 Pictos 字体，你应该修改主题的 `package.json` 文件
// 对于应用程序，你要修改 Sencha Cmd 生成的 `app.json` 文件
“requires”: [
“font-pictos”
]引入之后, 你可以使用以下的语法配置组件的 iconCls 来使用 Pictos 图标库中的图标:
// pictos-{iconName} 用来从 Pictos 图标集合中使用一个带名字的图标
iconCls: 'pictos pictos-home'如果您更喜欢使用新的“font-awesome”包图标，你可以使用同样的步骤和iconCls语法.
“requires”: [
“font-awesome”
]
// fa-{iconName} 用来从 Font Awesome 图标集合中使用一个带名字的图标
iconCls: ‘x-fa fa-home’ExtJS 图标字体包
| 图标(Icon) | 编码(Code) | 名称(Name) | 图标(Icon) | 编码(Code) | 名称(Name) | |
| |  | equals-vertical | |  | collapse | |
| |  | columns | |  | dirty-rtl | |
| |  | dirty | |  | edit-html | |
| |  | equals | |  | expand | |
| |  | group-by | |  | ne-handle | |
| |  | nw-handle | |  | se-handle | |
| |  | sw-handle | |  | text-background-color | |
| |  | text-color | |  | text-decrease | |
| |  | text-increase | |  | unpin |
Pictos 图标字体包
| 图标(Icon) | 编码(Code) | 名称(Name) | 图标(Icon) | 编码(Code) | 名称(Name) | |
| a | a | anchor | A | A | attachment2 | |
| b | b | box | B | B | bird | |
| c | c | upload | C | C | cloud | |
| d | d | forbidden | D | D | delete_black1 | |
| e | e | lightning | E | E | eye | |
| f | f | rss | F | F | file | |
| g | g | team | G | G | browser | |
| h | h | help | H | H | home | |
| i | i | info | I | I | inbox | |
| j | j | attachment | J | J | network | |
| k | k | heart | K | K | key | |
| l | l | list | L | L | radio | |
| m | m | music | M | M | ||
| n | n | table | N | N | news | |
| o | o | folder | O | O | case | |
| p | p | pencil | P | P | photos | |
| q | q | chat2 | Q | Q | power | |
| r | r | retweet | R | R | action | |
| s | s | search | S | S | favorites | |
| t | t | time | T | T | plane | |
| u | u | switch | U | U | user | |
| v | v | camera | V | V | video | |
| w | w | chat | W | W | compose | |
| x | x | settings2 | X | X | truck | |
| y | y | settings | Y | Y | chart2 | |
| z | z | tags | Z | Z | chart | |
| ` | ` | expand | ~ | ~ | download | |
| 1 | 1 | refresh | ! | @ | warning_black | |
| 2 | 2 | check | @ | @ | locate | |
| 3 | 3 | check2 | # | # | trash | |
| 4 | 4 | play | $ | $ | cart | |
| 5 | 5 | pause | % | % | bank | |
| 6 | 6 | stop | ^ | ^ | flag | |
| 7 | 7 | forward | & | & | add | |
| 8 | 8 | rewind | * | * | delete | |
| 9 | 9 | play2 | ( | ( | lock | |
| 0 | 0 | refresh2 | ) | ! | unlock | |
| - | - | minus | _ | _ | minus2 | |
| = | = | battery | + | + | add2 | |
| [ | [ | left | { | { | up | |
| ] | ] | right | } | } | down | |
| \ | \ | calendar | | | | | screens | |
| ; | ; | shuffle | : | : | bell | |
| ' | ' | wireless | " | " | quote | |
| , | , | speedometer | < | < | volume_mute | |
| . | . | more | > | > | volume | |
| / | / | ? | ? | question |