Awesome

vscode-svg-icons

Snippets for popular SVG icons including Octicons, Evil Icons, Open Iconic, SmartIcons Glyphs, and Bytesize (see details).

This package is also available for Atom and Sublime Text

Screenshot nicked from the Sublime Text package, but you get the idea

Installation

Extension Marketplace

Launch Quick Open, paste the following command, and press <kbd>Enter</kbd>

ext install idleberg.svg-icons

CLI

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

$ code --install-extension idleberg.svg-icons

Packaged Extension

Download the packaged extension from the the release page and install it from the command-line:

$ code --install-extension path/to/svg-icons-*.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.svg-icons

Clone Repository

Change to your Visual Studio Code extensions directory:

# Windows
$ cd %USERPROFILE%\.vscode\extensions

# Linux & macOS
$ cd ~/.vscode/extensions/

Clone repository as svg-icons:

$ git clone https://github.com/idleberg/vscode-svg-icons svg-icons

Usage

Snippets are limited to the html, blade, jsx and vue scopes. Typing the class name of an icon using the designated prefix will complete to a SVG tag for the icon.

Prefixes

License

This work is licensed under The MIT License