22 votes

FontAwesome Icons Dropdown

A simple dropdown box  loaded with font awesome icons class names.


Instructions :

1) Download the package and Install it on your umbraco cms. 

2) Add "Font Awesome Icons" property to your document type.


Umb 7 Code Sample :

<i class="fa @Model.Content.GetPropertyValue("yourAlias")"></i>

Umb 8 Code Sample :

<i class="fa @Model.Value("yourAlias")"></i>

Expected Output :

<i class="fa fa-heart" aria-hidden="true"></i>

 *Assuming you selected the heart icon on the cms

Notes :

This plugin uses font-awesome css and fonts (v4.6.3).


No copyright infringement intended , if this package violates any law , please reach me at : chrisadi.pascual (gmail) to take anything offline (or if you have any feedback or suggestions).

This Project and the Developer is not connected in anyway with the Font-Awesome Team.


### Shout Outs ###

5-11-19 : Thanks to Heather Floyd for reminding me to update for Umb8

9-5-18 : Thanks to Mike for the generous donation! It helps a lot!

10-17-16 :  Special thanks to Bjarne Fyrstenborg for correcting the razor sample.


 Download package
version 1.4

NuGet install instructions for Umbraco 7.0.0-7.5.0

Install-Package FontAwesomeIconsDropdown

Package owner

Christopher Pascual

Christopher Pascual

Christopher has 271 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions: 7.5.x, 7.4.x, 7.3.x, 7.2.x, 7.1.x, 7.0.x

Package Information

  • Package owner: Christopher Pascual
  • Created: 11/09/2015
  • Current version 1.4
  • License MIT
  • Downloads on Our: 3K
  • Downloads on NuGet: 27.1K
  • Total downloads : 30.1K