图标字体
为流行的图标字体(如Font Awesome、Glyphicons等)提供补全!
详细信息
安装次数
- 总数 83K
- Win 56K
- Mac 12K
- Linux 15K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | 6月22日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 3 | 3 | 6 | 5 | 10 | 4 | 6 | 3 | 2 | 3 | 2 | 5 | 9 | 8 | 4 | 5 | 5 | 5 | 5 | 0 | 6 | 4 | 5 | 2 | 7 | 8 | 9 | 6 | 2 | 8 | 3 | 4 | 4 | 4 | 7 | 7 | 4 | 5 | 2 | 3 | 8 | 5 | 4 | 4 | 2 | 4 |
Mac | 3 | 1 | 0 | 0 | 0 | 1 | 1 | 0 | 2 | 0 | 0 | 1 | 1 | 2 | 1 | 1 | 0 | 2 | 2 | 2 | 0 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 3 | 1 | 2 | 4 | 1 | 2 | 1 | 2 | 0 | 0 | 0 | 1 | 1 | 1 | 1 | 1 | 1 |
Linux | 2 | 3 | 1 | 1 | 2 | 2 | 0 | 1 | 1 | 1 | 2 | 2 | 2 | 2 | 2 | 0 | 0 | 0 | 2 | 1 | 2 | 4 | 2 | 1 | 3 | 2 | 0 | 2 | 1 | 1 | 1 | 3 | 2 | 1 | 0 | 3 | 2 | 4 | 1 | 2 | 0 | 3 | 1 | 2 | 2 | 2 |
README
sublime-icon-fonts
Sublime Text的几个常用图标字体的代码片段(《查看详情》)。
此包也适用于Atom和Visual Studio Code。
使用Hopscotch配色方案的效果图
安装
包管理器
- 请确保您已经安装了包管理器。
- 从命令面板(Super+Shift+P)选择“安装包”。
- 选择“图标字体”并按Enter键。
GitHub
- 切换到Sublime Text的
Packages
目录。 - 克隆仓库
git clone https://github.com/idleberg/sublime-icon-fonts "Icon Fonts"
。
用法
代码片段仅限于html
和css|less|sass|scss|stylus
作用域,这些作用域可能默认未在您的auto_complete_selector
用户偏好设置中激活。但是,您仍可以通过按Ctrl+Space强制显示补全弹出窗口。
使用指定前缀输入图标类的名称,将会补全为包含图标类的标签。例外是fa-layers
,fa-layers-counter
,fa-layers-text
和fa-layers
(<span>
)。
前缀
前缀 | 图标字体 | 版本 |
---|---|---|
ai |
Android图标 | 1.0.0 |
cc |
创意共享图标字体 | 1.2.1 |
bx |
Box图标 | - |
dashicons |
WordPress Dash图标 | – |
devicons |
Devicons | 1.8.0 |
el |
Elusive图标 | 2.0.0 |
fas 、far 、fab |
Font Awesome Pro | 5.15.4 |
fl |
Font Logos | 0.18 |
glyphicon |
Bootstrap图标 | 3.3.7 |
icono |
Icono | 1.3.0 |
ion |
Ionicons | 2.0.1 |
mdi |
Material Design图标 | 6.7.96 |
mfg |
制造实验室图标集 | – |
mfizz |
字体Mfizz | 2.4.1 |
mio |
材料设计图标(官方) | 3.0.1 |
octicon |
GitHub Octicons | 4.1.0 |
oi |
开放图标 | 1.1.0 |
openwebicons |
OpenWeb图标 | 1.6.3 |
pf |
支付字体 | 1.2.5 |
ri |
RemixIcon | 2.5.0 |
st |
Stack图标 | 1.0.0 |
typcn |
Typicons | 2.1.2 |
wi |
天气图标 | 2.0.12 |
zmdi |
材料设计图标字体 | 2.2.0 |
⚠️ 已删除多种之前支持的字体,现可在 SVG图标片段 软件包或图标字体 旧版软件包 中找到。
示例:
fa-check
+Tab 自动填充为<i class="fa fa-check"></i>
glyphicon-check
+Tab 自动填充为<span class="glyphicon glyphicons-check"></span>
- 好吧,你大概明白了
片段也适用于 text.css
范围,它们的完成填充是图标的Unicode值。
示例:
fa-check
+Tab 自动填充为'\f00c'
这些片段也适用于Less、SCSS和Stylus文件!
许可
本作品受 MIT许可协议 许可。