/vscode-icon-fonts-legacy

Snippets for deprecated icon fonts, including the entire Glyphicons Pro family, Foundation Icons 1.0 and more!

Primary LanguageJavaScriptMIT LicenseMIT

Icon Fonts (Legacy) for Visual Studio Code

The MIT License GitHub Visual Studio Marketplace CircleCI

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.

Installation

Extension Marketplace

Launch Quick Open, paste the following command, and press Enter

ext install idleberg.icon-fonts-legacy

CLI

With shell commands installed, you can use the following command to install the extension:

$ code --install-extension idleberg.icon-fonts-legacy

Packaged Extension

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

Clone Repository

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

Usage

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.

Prefixes

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

License

This work is licensed under The MIT License