title: Where do I find the object names of icons in the FontAwesome free packages?
body: <p><a href="https://fontawesome.com/" rel="noreferrer">FontAwesome</a> is a collection of libraries of icons. In their <a href="https://www.npmjs.com/package/@fortawesome/react-fontawesome" rel="noreferrer">Usage documentation</a>, they write as an example that you can use their coffee icon by importing the coffee icon's object from the <code>free-solid-svg-icons</code> package, like this:</p>
  <pre class="lang-js prettyprint-override"><code>import ReactDOM from 'react-dom'
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
  import { faCoffee } from '@fortawesome/free-solid-svg-icons'
   
  const element = &lt;FontAwesomeIcon icon={faCoffee} /&gt;
   
  ReactDOM.render(element, document.body)
  </code></pre>
  <p>Looking at the <a href="https://fontawesome.com/icons/coffee?style=solid" rel="noreferrer">FontAwesome Coffee Icon documentation</a>, I can see no reference to what package the coffee icon is included in, or what its object name is. We know from the example code that its object name is <code>faCoffee</code> and that it's included in the <code>@fortawesome/free-solid-svg-icons</code> package, but what about any of the <a href="https://fontawesome.com/icons" rel="noreferrer">other 5,365 icons</a>?</p>
  <p><strong>Q:</strong> How can I find what React object name a FontAwesome icon has, and what React package it's included in?</p>