Add extra items to the top level of the WordPress admin bar

admin-bar-items.php

<?php
/**
 * Plugin Name: Admin Bar Items
 */

add_action(
	'admin_bar_menu',
	function( $admin_bar ) {
		$admin_bar->add_menu( array(
			'id'    => 'ryelle-demo-1',
			'parent' => null,
			'group'  => null,
			'title' => '<span class="dashicons dashicons-controls-volumeon" style="font-family:dashicons;"></span> Long Menu Title',
			'href'  => admin_url('admin.php?page=custom-page'),
		) );
		$admin_bar->add_menu( array(
			'id'    => 'ryelle-demo-2',
			'parent' => null,
			'group'  => null,
			'title' => '<span class="dashicons dashicons-format-status" style="font-family:dashicons;color:#68de7c;"></span> Status',
			// 'href'  => admin_url('admin.php?page=custom-page'),
		) );
		$admin_bar->add_menu( array(
			'id'    => 'ryelle-demo-3',
			'parent' => null,
			'group'  => null,
			'title' => '<span class="dashicons dashicons-admin-site-alt3" style="font-family:dashicons;"></span> View',
			'href'  => admin_url('admin.php?page=custom-page'),
		) );
	},
	100
);