Font Awesome Logo

Font Awesome is the web's most popular icon set and toolkit.

Font Awesome 5.0 and version 8.x-2.x

Font Awesome 5 has been released!

This new version of Font Awesome is a complete rewrite from Font Awesome 4.7.0 and functions very differently. The upgrade process requires a bit of extra work on the part of content managers (or the inclusion of a shim file which allows backwards compatibility).

To prevent the breaking of sites for users who are currently using Font Awesome 4.7.0, we are releasing a new branch of this module under 8.x-2.x for use with Font Awesome 5! Please note that this branch is currently in development release only.

For existing module users - see the README for information on how to install. See the Font Awesome guide on upgrading for information on how the syntax has changed.

Support for latest Icons and additional features

Font Awesome 4.7.0 Font Awesome 5.0+ CKEditor Plugin Icon Field
8.x-2.x
8.x-1.x
7.x-2.x

Dependencies

Drupal 7:

Drupal 8:

  • Font Awesome in /libraries/fontawesome (only if using the local version - CDN version has no dependencies)

Usage

Font Awesome 5.0 (8.x-2.x):
This module provides a CKEditor plugin to allow users to select Font Awesome icons directly from the editor, as well as a Font Awesome Icon Field to attach directly to entities. See the Font Awesome Documentation for more information.
Additionally, you can manually insert icons in code by making use of the classes:
<i class="fas fa-camera-retro"></i>
See the Font Awesome 'How to Use' guide for more information.
Font Awesome 4.7.0 (8.x-1.x and 7.x-2.x):
This module simply adds the CSS, its up to you to make use of the classes:
<i class="icon-twitter"></i> Twitter
For latest versions (4.x) of "Font-Awesome" library you need to use "fa" instead of "icon" class e.g. :-
<i class="fa fa-twitter"></i> Twitter
See the Font Awesome examples page for further usage information.

Related

Fontello
Alows uploading your own font bundle from Fontello, which has support for Font Awesome.
Icon API
This module provides integration for icon bundles and icon providers throughout Drupal, Font Awesome provides Integration of Icons for Icon API.
Semantic UI API
This module integrates Drupal with "Semantic UI":- Semantic empowers designers and developers by creating a language for sharing UI..
Link Icons
A field formatter for the Link field to display a Font Awesome icon for the service being linked to - ex. Facebook, Twitter or LinkedIn, with various display options available as settings of the formatter.

This module provides integration for icon bundles and icon providers throughout Drupal.

Supporting organizations: 

Project information

Downloads