<i class="fa-solid fa-arrow-right hover-slide"></i> Then in Webflow Designer → :
Add to a Div Block that toggles content: fontawesome webflow
<i class="fa-solid fa-camera"></i> Add a Text Block → Type a space → In the Selector field , add: i class="fa-solid fa-arrow-right hover-slide">
Wrap an icon inside a Link Block:
<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">
<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:
.icon-list li:before font-family: "Font Awesome 6 Free"; content: "\f00c"; margin-right: 10px; color: #10b981;