Snippets for icon fonts that have been deprecated from the main Icon Fonts package (see details).
This package is also available for Atom and Sublime Text.
Launch Quick Open, paste the following command, and press Enter
ext install idleberg.icon-fonts-legacy
With shell commands installed, you can use the following command to install the extension:
$ code --install-extension idleberg.icon-fonts-legacy
Download the packaged extension from the the release page and install it from the command-line:
$ code --install-extension path/to/icon-fonts-legacy-*.vsix
Alternatively, you can download the packaged extension from the Open VSX Registry or install it using the ovsx
command-line tool:
$ ovsx get idleberg.icon-fonts-legacy
Change to your Visual Studio Code extensions directory:
# Windows
$ cd %USERPROFILE%\.vscode\extensions
# Linux & macOS
$ cd ~/.vscode/extensions/
Clone repository as icon-fonts-legacy
:
$ git clone https://github.com/idleberg/vscode-icon-fonts-legacy icon-fonts-legacy
Snippets are limited to the html
, css|less|sass|scss|stylus
, jsx
, blade
and vue
scopes. Typing the class name of an icon using the designated prefix will complete to a tag containing the icon class.
Prefix | Icon Font | Version |
---|---|---|
brandico |
Brandico Font | – |
fi |
Foundation Icons v3 | 3.0 |
filetypes |
Glyphicons Filetypes | 1.9.0 |
fa |
Font Awesome | 4.7.0 |
foundico |
Foundation Icons | 1.0.0 |
geomicon |
Geomicons Open | 2.0.0 |
glyphicons |
Glyphicons Pro | 1.9.0 |
halflings |
Glyphicons Halflings | 1.9.0 |
icofont |
ShapeBootstrap IcoFont | 1.0.0b |
line |
Elegant Theme Line Icons | – |
social |
Glyphicons Social | 1.9.0 |
ratchicon |
Ratchicons | 2.0.2 |
ui |
Semantic UI Icons | 2.0.7 |
Examples:
foundicon-checkmark
+Tab completes to<i class="foundicon-checkmark"></i>
glyphicons-check
+Tab completes to<span class="glyphicons glyphicons-check"></span>
- well, you get the idea
This work is licensed under The MIT License