Icon collections including Font Awesome

Note: This post is a details-post for the post: Learning web app development through free online tutorials – Organized Notes and Log, https://raviswdev.blogspot.com/2024/03/learning-web-app-development-through.html .

How to find Icon names for Font Awesome to import with React?, https://stackoverflow.com/questions/56351531/how-to-find-icon-names-for-font-awesome-to-import-with-react

Above post has advice in one response, to use react-icons package instead of using @fontawesome package, the latter being the package recommended by font awesome website. Note that the tutorial also uses react-icons package instead of @fontawesome package. The response states, “React-icons is nice because it provides ES6 support for various popular icons, allowing one to only include the icons actually being used within your react project.”

https://www.npmjs.com/package/react-icons
npm install react-icons –save

List of icon collections: https://react-icons.github.io/react-icons/#/icons/fa

List of icons and their names for import in Font Awesome 5: https://react-icons.github.io/react-icons/icons/fa/

List of icons and their names for import in Font Awesome 6: https://react-icons.github.io/react-icons/icons/fa6/