How to Enable Dashicons for WordPress Frontend?

Everyone Loves Icons.

After some time you’ll feel that your website theme needs some enhancement as it starts looking boring to you.

In those scenarios, adding minor enhancements like icons, fonts or any small and valuable change will help your website look interesting.

Today, I will explain to you to enable Dashicons in the frontend of your website.

What is Dashicons?

Dashicons is a set of icons that are lightweight and easy to implement. It is an official icon font for WordPress.

By Default, Dashicons are added in the admin section of WordPress from version 3.8

How to Enable Dashicons for WordPress Frontend? 1
Dashicons – WordPress Default Icon Library

How to enable Dashicons for WordPress FrontEnd?

There is a pre-defined and bundled stylesheet for dashicons that comes with WordPress. Hence, It is really easy to enable Dashicons for WordPress FrontEnd.

You just need to activate the bundled dashicons stylesheet of WordPress Core to FrontEnd.

You can add the dashicons stylesheet to themes function.php or a custom plugin using the action wp_enqueue_scripts.

wp_enqueue_scripts hook: This hook will help you to add scripts and styles to the frontend. For more information, check Developer Codex.


Isn’t it easy?

I’ve used dashicons in frontend for many WordPress websites. Dashicons is lightweight and easy to use icon library.

If you feel that you need a new icon added to Dashicons library. Then, create a new issue on Dashicons Github.

Will you give it a try? Let me know via the comments section below.

Leave a Reply

Your email address will not be published. Required fields are marked *