Easily add Font Awesome icons to your Gravity Forms Fields

In this quick tutorial we’ll deep dive into easily adding Font Awesome icons to your Gravity Forms fields. This can actually be broken down into 3 simple steps:

Step 1: Add classes to your individual Gravity Forms fields so that you can easily target them
Step 2: Target the field classes with the CSS outlined below
Step 3: Add your icons. This can be from any icon library. The fonts must simply be loaded onto your site.

.your-class-from-step-1 .gfield_label::before {
  font-family: 'FontAwesome';
  content:"\f007";
  margin-right: 10px;
}

.your-class-from-step-1 .gfield_label::before {
  font-family: 'FontAwesome';
  content:"\f0e0";
  margin-right: 10px;
}

.your-class-from-step-1 .gfield_label::before {
  font-family: 'FontAwesome';
  content:"\f0c9";
  margin-right: 10px;
}