<!-- 译者：Github@wizardforcel --> # 图标 # Atom自带了[Octicons](https://octicons.github.com/)的图标集。使用它们来添加图标到你的包中。 ## 使用方法 ## Octicons在Atom中的使用方法不同于[标准用法](https://octicons.github.com/usage/)。最大的不同是图标class的名字。你应该使用更加通用的`icon icon-`前缀，而不是`octicon octicon-`前缀。 例如，要想添加[monitor图标](https://octicons.github.com/icon/device-desktop/)，在你的标记中使用`icon icon-device-desktop` class： ``` <span class="icon icon-device-desktop"></span> ``` 或者你可以像这样使用[SpacePen](http://atom.github.io/space-pen/)： ``` @span class: 'icon icon-device-desktop' ``` ## 尺寸 ## Octicons在`16px`的`font-size`下最美观。通常条件下就是这样使用的，所以你不用担心。如果你更喜欢不同的图标尺寸，尝试使用16的倍数（比如`32px`或者`48px`）来显示得更清晰。在此之间的尺寸也可以，但可能对于一些带直线的图标会显示得很模糊。 ## 易用性 ## 虽然图标会让你的UI更具有视觉感，不和文本标签一起使用的时候，就很难猜出它的意思。对于空间不足以放下文本标签的情况，考虑放置一个鼠标覆盖时显示的[提示框](https://atom.io/docs/api/latest/TooltipManager)。或者一个更巧妙的`title="label"`属性也会有所帮助。