icon-fonts

Atom snippets for a variety of icon fonts
idleberg
3.3.0 33,658
Flag as spam or malicious

atom-icon-fonts

apm apm apm CircleCI

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.13.0
fi Foundation Icons 3.0
fl Font Logos 0.12
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 5.0.45
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.2
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>
  • 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