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.
