If you have a reference an individual scss partial, like variables or mixins, make sure to include the functions partial before
Upgrading to Version 6's Sass or Less
If you're using Font Awesome 5's preprocessor assets, you'll need to swap out and disconnect those old files, then place and hook up the new Version 6 files in your project.
1. Remove Any Version 5 Files From Your Project
Locate the Font Awesome Version 5 Sass/Less files in your project - these are most likely in the scss or less folders respectively. Once found, remove those files to prevent the conflicts that may come from loading two different versions of Font Awesome in your Sass/Less compile.
You'll next want to remove Font Awesome Version 5's Web Fonts from your project - these are most likely found in the webfonts folder you copied over when setting up v5.
3. Update Version 5 References to Point to Version 6 Files
If your project's Sass or Less has a custom compile that includes the Font Awesome files, then you should see your preprocessor compiling with the new Version 6 assets.
But if you're using Duotone icons, you'll need to add the new _duotone-icons partial, so you'll have two duotone files, like this:
// You probably already include the core styles@import"./fontawesome/scss/fontawesome.scss";// For Duotones you need both of these files@import"./fontawesome/scss/duotone.scss";@import"./fontawesome/scss/_duotone-icons.scss";// You can include all the other styles the same as before@import"./fontawesome/scss/solid.scss";@import"./fontawesome/scss/brands.scss";
// You probably already include the core styles@import"./fontawesome/less/fontawesome.less";// For Duotones you need both of these files@import"./fontawesome/less/duotone.less";@import"./fontawesome/less/_duotone-icons.less";// You can include all the other styles the same as before@import"./fontawesome/less/solid.less";@import"./fontawesome/less/brands.less";
If you're using the Font Awesome Sass/Less compile to output your CSS directly, you may need to update your old Version 5 references to point to the new Version 6 assets you've compiled.
<head><!-- all.css loads all styles and icons --><linkhref="/your_path_to_version_6_compiled_files/css/fontawesome.css"rel="stylesheet"></head><body><!-- Your icons should show up just as before. --></body>