An AngularJS interface to pick icons from FontAwesome 4.7.0 collection.

• Search for an icon.
• Narrow down the list.
• Click on an icon text.
  • HTML will be copied to clipboard.
• Paste in your implementation.

The list of icons is subject to change from the original list.

• Categories removed.
• Aliases removed.
• Icon names sorted alphabetically.
• Duplicate names (from different categories) removed.
• Converted icon names list as AngularJS variable.

While FontAwesome provides its own icon picker, navigating to different pages per icon is tedious. The application is a single page interfcace to search, click and paste the corresponding icon's HTML. The search box provides a common location to find all available icons. AngularJS provides the navigation to narrow down the search list. And a simple javascript copies the corresponding html into your clipboard.

So,

Search, Click, Paste! Done.

• AngularJS based searching of icons.
• W3CSS

• FontAwesome - 4.7.0 icons - CDN - Demo.

The purpose is to inspire usage of FontAwesome, not to reduce the page impressions in its original website. The interface provides icon picker to an older version.