ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

图标字体

作者:idleberg 全部

为流行的图标字体(如Font Awesome、Glyphicons等)提供补全!

详细信息

  • 7.4.1
  • github.com
  • github.com
  • 2年前
  • 46分钟前
  • 10年前

安装次数

  • 总数 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

源代码
raw.githubusercontent.com

sublime-icon-fonts

The MIT License GitHub release CircleCI

Sublime Text的几个常用图标字体的代码片段(《查看详情》)。

此包也适用于AtomVisual Studio Code

Screenshot

使用Hopscotch配色方案的效果图

安装

包管理器

  1. 请确保您已经安装了包管理器
  2. 从命令面板(Super+Shift+P)选择“安装包”
  3. 选择“图标字体”并按Enter键。

GitHub

  1. 切换到Sublime Text的Packages目录。
  2. 克隆仓库git clone https://github.com/idleberg/sublime-icon-fonts "Icon Fonts"

用法

代码片段仅限于htmlcss|less|sass|scss|stylus作用域,这些作用域可能默认未在您的auto_complete_selector用户偏好设置中激活。但是,您仍可以通过按Ctrl+Space强制显示补全弹出窗口。

使用指定前缀输入图标类的名称,将会补全为包含图标类的标签。例外是fa-layersfa-layers-counterfa-layers-textfa-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
fasfarfab 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许可协议 许可。