The Font Awesome Eleventy Plugin finally graduates to its first stable release! This plugin unlocks unlocks use of all 2089 free icons in Font Awesome v7.0.1. You can add your pro sets to use here too!

Step 1: Install with npm install @11ty/font-awesome.

Step 2: Add to your configuration file:

import fontAwesomePlugin from "@11ty/font-awesome";

export default function(eleventyConfig) {
	eleventyConfig.addPlugin(fontAwesomePlugin);
};

Step 3: Use the HTML icon markup (in any Eleventy template syntax) copied directly from the Font Awesome docs!

<i class="fa-brands fa-eleventy"></i>

Step 4: Unclench your jaw, take two deep breaths, cope, make space for yourself (your icons are working now)

• Head back over to the full plugin documentation.
• Review the GitHub Milestone for v1.0.0