Migration Guide

Auto convert FontAwesome class names between versions

Important: v4 is an older version. We recommend migrating directly to v6 or v7 for the best experience. If you need to keep v4, refer to the following.

v4 Key Features

FeatureDescription
Icon countApproximately 600+ icons covering common use cases
Prefix systemUses a single fa prefix
StylesSolid style only
Browser supportIE8+ compatible, ideal for legacy systems
LicenseCC BY 4.0, free for commercial use

Basic Usage

CDN Import
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Icon Usage
<i class="fa fa-user"></i>
<i class="fa fa-home"></i>
<i class="fa fa-envelope"></i>

Notes

  • v4 was discontinued in 2022; new projects should use v6 or v7
  • v4 only supports Solid style, no Regular or Brands styles
  • v4 does not support SVG framework or layer composition
  • To upgrade to v5/v6/v7, refer to the corresponding migration guide
Tip: You can paste multiple code blocks at once Reference
Share

Related

v4 Icons

Browse all FontAwesome v4 free icons
Version Comparison

Full v4/v5/v6/v7 comparison to help you choose
Version History

FontAwesome version history from 2012 to today
Troubleshooting

10 solutions for icon display issues
Vue 3 Guide

Integrate FontAwesome in Vue 3 projects
Icon Library Comparison

FontAwesome vs Material vs Bootstrap