Skip to content

Eleventy Font Awesome Plugin v1.0.0

Choose a tag to compare

@zachleat zachleat released this 18 Sep 16:22
· 8 commits to main since this release

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)