330 Locust Dr.
Verona, WI 53593
Powderkeg Web Design
Message Us

Replace Dash Icons with Font Awesome ones in WordPress Admin!

June 19, 2015

I’ve always been a little underwhelmed with the amount of icons available for the WordPress admin menu. The dashicons library has grown, but it still pales in comparison to Font Awesome. I recently stumbled upon a nifty little hook that lets you replace any admin menu dashicon with a Font Awesome icon of your choice.

The following is assuming you’ve already queued up the Font Awesome font itself.

This hooks in to the admin side of things when it loads the header. From here you can override the dashicon of your choice with a corresponding Font Awesome css content code. The only thing you have to do is to right click and inspect the icon you want to change and find the corresponding div containing the “wp-menu-image” class. This should have a unique ID attribute. The above code just echoes out CSS that will change the icon to whatever you tell it to.

You can find the css rule from the “Font Awesome Cheatsheet“.

The end result will be a more diverse selection for menu icons that give you (and your clients) that much more of a customized feel.

Lead Developer

Nick is an ambitious and versatile developer with a wide range of talents. He is an efficient coder that utilizes his resources in order to achieve both his and the clients’ goals. His Alma Mater is the University of Wisconsin – Stevens Point where he graduated with honors in Web and Digital Media Development.