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.
I’m always looking for ways to improve my efficiency. It’s better for me and the clients I serve.
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.
This post will show how to add a SVG (Scalable Vector Graphics) logo to the Utility Pro theme or any Genesis child theme using a header image.
Adding a Sass mixin to generate the necessary code for Retina ready background images in Utility Pro.
For this post, I’ve spun up this demo site to show you how I added a Retina ready logo to the Utility Pro theme.