How to list available icon fonts of the theme.

How to list available icon fonts of the theme.

In our themes there are several font icons involved. Sometimes you might want a list of all available icons so that you can choose the one you want easily. 

Here I listed few ways to help you.

here is the process to find all icons you can use. 
 

2) Browse to THEME/assets/fonts and locate TTF file for the font you are interested in, for example, Flaticon.ttf 
Import that ttf file in the URL of first step. 
3) Now you will see list of all icons with pictures. ( you can select the font of your liking0 


4) Open THEME/assets/css/themestyle.css file and search for flaticon there you will see list of css classes for the icon. Find the one of your choice and you can use that as a class in Visual composer modules.




The final and probably most complete way is to build your own list of icons that you can use. You can use this app https://icomoon.io/app/#/select to build your own icon lists as easily as point and click. Then you can export them as a icon font and can use. However it does require basic web development skills.

    • Related Articles

    • Adding more icons to Carena theme.

      Here is the guide that can help you with Icons in Carena theme. You can use icons from this page https://fontawesome.com/cheatsheet , most of them will work with theme. Just use them with fa extension. For example, if you want to use the first icon ...
    • How to Update the theme

      Here are the instructions to update the theme. 1) Please dont forget to have a backup first, you can use this plugin  https://wordpress.org/plugins/updraftplus/  to make backup easily. 2) In latest version of the theme, we have included recommended ...
    • How to update theme manually

      First off, here are the instructions to update the theme automatically http://kb.templatation.com/article/35-how-to-update-the-theme  Sometimes based on the circumstances few customers face trouble updating the theme automatically. So here is old ...
    • How to change Favicon icon

      Recently WordPress included the favicon icon support in the core. Now you can change it by following below steps.Follow the below steps to set favicon in your site. Prepare image file. If you dont know how to prepare Favicon icon, please search on ...
    • Reduce logo on mobile in Fitzeous theme

       In fitzeous theme, in order to reduce size of the logo in mobile only, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_header_area .header_menu .navbar .navbar-brand img {  width: 50%; } ...