Connecting to the Noun Project

The icon services are only avaiable to Plus and Ultimate license holders.

Enable the Noun Project Service

First you’ll need to enable the Noun Project service, which can be done from the WordPress dashboard by navigating to WPIcons ⇨ Services. Once on the Services page you’ll be presented with a list of Icon Services (similar to the image below) that you can enable or disable as needed.

Enable the Noun Project icon service inside from inside the services page.

Click on the blue Enable button inside of the Noun Project service container. This will enable the Noun Project icon service and redirect you right to the Noun Project services settings page.

Noun Project service settings page with no API credentials entered.

Noun Project Settings

The Noun Project service settings page is very straight forward. You’ll notice that there are two fields on the settings page, API Key and API Secret. You’ll see in the right-hand sidebar titled “The Noun Project API“. Click on the “Noun Project API Dashboard” button inside of this metabox to be taken to the Noun Project website.

You can also view the Noun Project API Dashboard here.

Noun Project API Dashboard

You will need to create a free Noun Project account before you can retrieve your API tokens. You can do so at the following URL https://thenounproject.com/accounts/signup/

Once you’ve created your free Noun Project account, you can head into the Icon API screen. Hover over the icons in the top left-hand corner of the screen, and towards the bottom click on “Icon API”. On the next page click on Manage Apps. You should then see a screen similar to the following:

Create a Noun Project application to get your API keys.

Enter an application name as well as a description of the application. You can enter values similar to the following, or enter your own values:

Enter the following, or similar, values into the Noun Project Application settings.

Create the application, and scroll down to the bottom of the page to the Key Management section.

Scroll down to the key management section of your application to retrieve your API tokens.

Copy both the Key and the Secret values over from the Noun Project application page into the WPIcons Pro Noun Project services settings page.

Enter the API Key and Secret values from the Noun Project application settings into the WPIcons Pro service settings page.

Click the Save Changes button at the bottom of the page to save the API auth token. If you entered the value correctly you should now see a Connected API Connection Status at the top of the settings.

Valid API auth tokens entered into the Noun Project settings page.

You’re now ready to begin browsing the Noun Project icon library to find new icons to add to your site!