Note: As of v2.17, this package supports all Font Awesome v5 icons. If you need to continue the old Font Awesome v4 icons, please install the icon-fonts-legacy
package via apm
!
Atom snippets for a variety of icon fonts (see details).
This package is also available for Sublime Text and Visual Studio Code.
apm install icon-fonts
(or use the GUI)cd ~/.atom/packages/
git clone https://github.com/idleberg/atom-icon-fonts icon-fonts
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>
).
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.11.2 |
fi |
Foundation Icons | 3.0 |
fl |
Font Logos | 0.11 |
geomicon |
Geomicons Open | 2.0.0 |
glyphicon |
Bootstrap Glyphicons | 3.3.7 |
icono |
Icono | 1.3.0 |
ion |
Ionicons | 2.0.1 |
mdi |
Material Design Icons | 3.9.96 |
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.1 |
pf |
PaymentFont | 1.2.5 |
st |
Stack Icons | 1.0.0 |
typcn |
Typicons | 2.0.7 |
wi |
Weather Icons | 2.0.10 |
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>
This work is licensed under the The MIT License.
You are welcome to support this project using Flattr or Bitcoin 17CXJuPsmhuTzFV2k4RKYwpEHVjskJktRd
Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.