For the past year, I ‘ve been experimenting with using SVG icons in my Genesis child themes. Using a Plugin When version 2.0 of the Genesis Simple Social Icons plugin came out and switched to SVG icons, it put that plugin back on my radar. Unfortunately, it is not easy for clients to reorder the icons without having to add a filter to change the sorting order of the SVG icons. So while I was happy about the SVG addition, it still was not an ideal solution for my clients. SVG Icon support built into TwentySeventeen When the WordPress Twentyseventeen theme was released, their solution was updated from the TwentyFifteen theme to use SVG icons for the social menu. Very slick. Using a menu for social icons makes sense. 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. Are these Magical SVG Icons? You might be asking yourself just that. How does the menu know which icon to use? Well, there is an SVG sprite (fancy way to say one big SVG file that contains lots of individual SVG graphics) – one element for each social
Share This