Skip to content

How to add a new icon

Victor Ocnarescu edited this page Oct 3, 2021 · 1 revision

This template includes Fontawesome icons by default.

To include any icon in any of your React components:

  1. browse the Fontawesome gallery
  2. copy the code that looks like <i class="fas fa-icon"></i>
  3. use the icon in any React component

Example of a profile component with a Fontawesome icon:

const Profile = ({ name }) => {
  return (
    <div>
      <i className="fas fa-user"></i>
      <p>{name}</p>
    </div>
  );
}
Clone this wiki locally