Andrea

WordPress | Enable Dashicons in frontend

This time, for a customer request, i need add button with a simple arrow icon, at the moment we don’t have any icon library loaded in our wordpress theme.

This is what customer wants:

Don’t panic, WordPress have his own icons set that is used on backend, “Dashicons”.
You can find the whole list here.

By default wordpress use dashicons only in backend, all you need to do is to able wordpress to use dashicons in forntend.

For do that add this snippets directly in your theme function.php

00001

00002

00003

00004

00005

00006

00007

/********************************************************/
// Adding Dashicons in WordPress Front-end
/********************************************************/
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
  wp_enqueue_style( 'dashicons' );
}

From now you can use dashicons as other icons :