I want to pass from icomoon icon fonts to svg icons but I have not clear, how to use svg icons in the navigation. I think, I can insert the <svg> code into the navigation, something like <svg class="icon"><use xlink:href="#icon-home"></use></svg>. Is this correct? Then I have to define the icons in html. Using Elements, where shall I place it? Or is it better to refer to an external file?
OK, I found the svg file is bigger than the icomoon font file. I think, at this point it’s better to go ahead with the fonts. Furthermore, the svg icons were displayed upside down – see first row of the test page
Question: PageSpeed Insights asks to preload icomoon.ttf. I inserted a hook in wp_head with <link rel="preload" href="/fonts/icomoon.ttf" as="font"> but nothing changed.