Add svg to wp menu

Can’t these be added as background images using css?

I think that would mean using an image file like jpg or png. I want to add it as an icon font using this in my css.

@font-face {
	font-family: 'IcoMoonRegular';
	src: url('icomoon-webfont.eot');
	src: url('icomoon-webfont.eot?#iefix') format('embedded-opentype'),
		url('icomoon-webfont.woff') format('woff'),
		url('icomoon-webfont.ttf') format('truetype'),
		url('icomoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-b:before, .icon-a:after {
	font-family: 'IcoMoonRegular';
	content: attr(data-icon);
}

then calling it in html with
<p class="icon-b" data-icon="?"><a href="#">Home</a></p>

The data-icon attribute gets filled with which ever snippet of code relates to that icon in your svg font.

this isn’t too difficult i’m just stumped as to applying it to a wp_menu

If you’re not going to change your menu that ofen, I would just hard code it in the header.php instead of using the wp_list_pages function.

I’ll probably have to do that for now. I don’t know enough php to create a menu walker that can deal with this ??