So i’ve done a little digging and it appears that dashicons don’t display in the front end for users who aren’t logged in!
Solved my problem with the following snippet
/********************************************************/
// Adding Dashicons in WordPress Front-end
/********************************************************/
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}
Source