Skip to content
Atom snippets for a variety of icon fonts
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
snippets
tools
.gitignore
.travis.yml
CHANGELOG.md
LICENSE.md
README.md
coffeelint.json first commit Jul 9, 2015
gulpfile.js
package-lock.json Prepare 3.1.5 release Feb 16, 2019
package.json
yarn.lock

README.md

atom-icon-fonts

apm apm apm Travis David

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.

Installation

apm

  • Install package apm install icon-fonts (or use the GUI)

Using Git

  1. Change directory cd ~/.atom/packages/
  2. 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.7.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.4.93
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.0
pf PaymentFont 1.2.5
ratchicon Ratchicons 2.0.2
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>
  • well, you get the idea

License

This work is licensed under the The MIT License.

Donate

You are welcome to support this project using Flattr or Bitcoin 17CXJuPsmhuTzFV2k4RKYwpEHVjskJktRd

You can’t perform that action at this time.