atom-icon-fonts
Atom snippets for a variety of icon fonts (see details).
This package is also available for Sublime Text and Visual Studio Code.
Installation
apm
- Install package
apm install icon-fonts(or use the GUI)
Using Git
- Change directory
cd ~/.atom/packages/ - Clone repository
git clone https://github.com/idleberg/atom-icon-fonts icon-fonts
Usage
Snippets are limited to the .text.html, source.(css|less|sass|scss|stylus) and .source.js.jsx scopes. Typing the class name of an icon using the designated prefix will complete to a tag containing the icon class. Exceptions are fa-layers, fa-layers-counter, fa-layers-text and fa-layers (<span>).
Prefixes
| Prefix | Icon Font | Version |
|---|---|---|
ai |
Android Icons | 1.0.0 |
cc |
Creative Commons Icon Font | 1.2.1 |
bx |
BoxIcons | - |
dashicons |
WordPress Dashicons | – |
devicons |
Devicons | 1.8.0 |
el |
Elusive Icons | 2.0.0 |
fas,far,fab |
Font Awesome Pro | 5.15.4 |
fl |
Font Logos | 0.18 |
glyphicon |
Bootstrap Glyphicons | 3.3.7 |
icono |
Icono | 1.3.0 |
ion |
Ionicons | 2.0.1 |
mdi |
Material Design Icons | 5.9.55 |
mfg |
MFG Labs Iconset | – |
mfizz |
Font Mfizz | 2.4.1 |
mio |
Material Design Icons (Official) | 3.0.1 |
octicon |
GitHub Octicons | 4.1.0 |
oi |
Open Iconic | 1.1.0 |
openwebicons |
OpenWeb Icons | 1.6.3 |
pf |
PaymentFont | 1.2.5 |
ri |
RemixIcon | 2.5.0 |
st |
Stack Icons | 1.0.0 |
typcn |
Typicons | 2.1.1 |
wi |
Weather Icons | 2.0.12 |
zmdi |
Material Design Iconic Font | 2.2.0 |
⚠️ Several previously supported fonts have been removed and are now available in the SVG icons package or the icon fonts legacy package.
Examples:
fa-check+Tab completes to<i class="fa fa-check"></i>glyphicon-check+Tab completes to<span class="glyphicon glyphicons-check"></span>- well, you get the idea
License
This work is licensed under the The MIT License.