A Developers Introduction + Kinsta.com

Hi Adonis

The folder to save your SVG is in the code.

/assets/images/svg-custom-icons.svg

You need a folder assets in your child theme and then a subfolder images.

Name your SVG file svg-custom-icons.svg and place it there.

abrightclearweb,

Thank you so much for your support. I have tried it and the icon still does not show.

so took the svg code in the tutorial, <svg…/svg> saved it as svg-custom-icons.svg

& then copied the functions and pasted them into the functions.php file.

function childtheme_include_svg_icons() {
// Define SVG sprite file.
$custom_svg_icons = get_theme_file_path( ‘/assets/images/svg-custom-icons.svg’ );

// If it exists, include it.
if ( file_exists( $custom_svg_icons ) ) {
require_once( $custom_svg_icons );
}
}
add_action( ‘wp_footer’, ‘childtheme_include_svg_icons’, 99999 );

& still… Nothing. Perhaps I am overlooking something. do I need an actual image? I dont know. I Love patience ??

Adonis.

and yes I did create a folder in the twentyseventeen-child theme assets/images/ < placed the svg-custom-icons.svg in there/here >

is it the code? is it me must be me ??

GOT IT!

I Was overlooking a very Important STEP*

“Add the Kickstarter item to the Social Links menu and jump to the page footer to appreciate the result of our work”

lol. Coding, is so much FUN*

Now how do I creae my own custom SVG. ??

Hooray!

You could make your own icons using Adobe Illustrator. See SVG Files: From Illustrator to the Web.

Or find icons on a service like Fontastic. They allow SVG exports.