Cacher is the code snippet organizer for pro developers

#responsive-menu-icon::before {
	font-family: "dashicons";
	content: "\f346";
}

/* --- In line 3 change the value of content property for your desired icon 
by going to http://melchoyce.github.io/dashicons/, clicking on icon, scrolling 
to top of that page and clicking ‘Copy CSS’.

Source: http://jameskoster.co.uk/work/using-wordpress-3-8s-dashicons-theme-plugin/ 000 */

//* Enqueue Dashicons
add_action( 'wp_enqueue_scripts', 'dashicons' );
function dashicons() {

	wp_enqueue_style( 'themename-style', get_stylesheet_uri(), array( 'dashicons' ), '1.0' );

}

https://sridharkatakam.com/change-mobile-responsive-hamburger-icon-genesis/

Want to replace the hamburger menu icon with another like an arrow?

We can use a icon from Dashicons which are already present in WordPress.