<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> Then start using icons anywhere with <i class="fa-solid fa-..."></i> inside HTML Embed elements. Last tested: Webflow v2.0 + Font Awesome 6.5.1 (April 2026)
<i class="fa-solid fa-camera"></i> Add a Text Block → Type a space → In the Selector field , add:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> Download the Font Awesome package, upload to Webflow’s asset manager, and link the CSS file. Using Icons in Webflow Option A: HTML Embed element (Most reliable) Drag an HTML Embed onto your canvas and paste:
.sr-only position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
<i class="fa-solid fa-chevron-down accordion-icon"></i> JavaScript (optional, in footer):
.icon-list li:before font-family: "Font Awesome 6 Free"; content: "\f00c"; margin-right: 10px; color: #10b981;