Manages Font Awesome 5.15.0 Free icon system vendored in lib/font-awesome/. Use when: adding, changing, or removing icons from HTML pages, fixing icon rendering issues, updating icon accessibility attributes, working with social sharing buttons, or modifying navigation icons (hamburger menu, chevrons, back-to-top).
Font Awesome 5.15.0 Free is vendored at lib/font-awesome/ with CSS at
lib/font-awesome/css/all.min.css and webfonts at lib/font-awesome/webfonts/.
Only two icon families are used: Solid (fas) for UI icons and Brands (fab)
for platform logos. No far (regular) icons exist in the markup. Icons are purely
declarative HTML — no JavaScript rendering, no CSS pseudo-element icons.
<a class="icon" target="_blank" rel="noopener" href="https://github.com/pidoshva/" aria-label="github">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
<i class="fas fa-bars fa-lg" aria-hidden="true"></i>
Three woff2 fonts preloaded in <head>, stylesheet at bottom of <body>:
<!-- In <head> — all pages -->
<link rel="preload" href="/lib/font-awesome/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/lib/font-awesome/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/lib/font-awesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<!-- Bottom of <body>, before jQuery and js/main.js -->
<link rel="stylesheet" href=/lib/font-awesome/css/all.min.css>
Note: the stylesheet href is unquoted in all HTML files — a Hugo template artifact.
17 unique icons across 30+ HTML files:
| Icon | Class | Where Used |
|---|---|---|
| Hamburger menu | fas fa-bars | All pages (nav header) |
| Back to top | fas fa-chevron-up | Post pages (#actions, #actions-footer) |
| Previous post | fas fa-chevron-left | Post pages (#actions sidebar) |
| Next post | fas fa-chevron-right | Post pages (#actions sidebar) |
fas fa-envelope | index.html social + post share panels | |
| Share toggle | fas fa-share-alt | Post pages (#actions, #actions-footer) |
| TOC toggle | fas fa-list | Post pages (#actions-footer) |
| GitHub | fab fa-github | index.html social links |
fab fa-instagram | index.html social links | |
fab fa-facebook | Post share panels (#share, #share-footer) | |
fab fa-twitter | Post share panels | |
fab fa-linkedin | Post share panels | |
fab fa-pinterest | Post share panels | |
fab fa-reddit | Post share panels | |
| Tumblr | fab fa-tumblr | Post share panels |
| Hacker News | fab fa-hacker-news | Post share panels |
fab fa-get-pocket | Post share panels |
aria-hidden="true" on <i> tags — icons are decorativearia-label on the parent <a> — provides accessible name<a class="icon"> — the .icon class removes link underline and sets hover colorfas for UI, fab for brands — wrong prefix renders a blank squarefa-lg on post action bars, fa-2x on non-post hamburger menus only<head> preload tags.icon class styling and hover state colorsonmouseover/onclick handlers on post page iconsFetch latest Font Awesome documentation with Context7.
How to use Context7:
mcp__context7__resolve-library-id to search for "font-awesome"/websites/) over source code reposmcp__context7__query-docs using the resolved library IDLibrary ID: /websites/fontawesome (1063 snippets, High reputation)
Recommended Queries: