Now if you are interested in creating an icon system to use SVG not only in your menu but throughout your theme for design elements, within content areas, and inline them programmatically — a custom solution is in order.
SVG
Enhancing the SVG Social Icon Menu in Twentyseventeen
This is a very easy solution for a client to implement. All you need to do is create a menu, add your social media links with the menu text and voila – it magically displays the corresponding SVG icons instead.
Using SVG Animation in WordPress
If we want to style our SVG with CSS, we’ll need to insert the SVG code directly into our HTML as an inline graphic.