Fontawesome Webflow ((link)) Online

Instead of writing CSS, the tool will automatically generate Webflow Utility Classes.

.hover-slide transition: transform 0.2s ease; fontawesome webflow

→ Webflow Designer pre-renders icons if CDN is cached. Publish and hard refresh (Cmd/Ctrl + Shift + R). Instead of writing CSS, the tool will automatically

| Need | Webflow Approach | |------|------------------| | Larger icon | Add class fa-2x , fa-3x up to fa-10x | | Fixed width | fa-fw | | Rotate 90° | fa-rotate-90 | | Flip horizontally | fa-flip-horizontal | | Custom color | Set color in Webflow style panel | | Custom size | font-size: 24px (overrides FA sizing) | Instead of writing CSS

<i class="fa-solid fa-bell" aria-hidden="true"></i> <span class="sr-only">Notifications</span>