WEBFI-WordPress-How to Use Icon Fonts in WordPress Post Editor

Icon fonts are vector icons used as fonts and are popular among web designers because they look prettier than bitmap images. They can be resized without losing quality and styled using CSS this is why many WordPress themes use icon fonts. In this video, we will show you how to use icon fonts in WordPress post editor.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Follow us on Twitter:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

First thing you need to do is install and activate the WP Visual Icon Fonts plugin and choose from either Font Awesome or Genericon fonts.

To use these icon fonts you need to create or edit a post, and you will see a Icons button next to the Add Media button.

Clicking on the Icons button will open a drop down menu of all the icons available in the icon font set and selecting one will insert it into the post editor.

If you change to the Text editor while the icon is in the post editor then you will be able to see and copy the HTML associated to that icon font.



  • Clod Richard on March 4, 2015

    How to post a custom icon raster or vector but my own icon ?

  • Vasilisa K on March 18, 2016

    Hello, I followed all you said but the icon needed is missing from the list. How possible to add it to the menu?

  • Yubi Steel on September 8, 2017

    HI, how are you? thanks for your video,,, sorry that i can not search this plugin in wordpress

  • Ajay Krishna on September 12, 2017


  • Život naplno on December 5, 2019

    The old one was deleted. A similar one is

  • Ivan Mercado on April 26, 2020

    Doesn´t worl anymore due that This plugin has been closed as of July 5, 2019 and is not available for download. Reason: Guideline Violation.

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy