WordPress

Add SVG image file to WordPress theme

January 25, 2016

Here’s how to add an .svg file to your a template in your WordPress theme – without having to paste the entire file contents:

<?php echo file_get_contents( get_stylesheet_directory_uri() . '/img/icons/your-logo-file.svg' ); ?>

view raw
get-svg.php
hosted with ❤ by GitHub

I use this technique to add the main logo to a website. It would normally go in header.php but would work anywhere.

Bryan Hoffman

Bryan is co-founder and CEO of Cinch, where he is on a mission to keep every WordPress and WooCommerce powered site running smoothly. He lives in Park City, Utah with his family and loves the mountain lifestyle. Connect with him on Twitter @spigot

4 Comments

winona biber
February 8, 2017 at 2:42 pm
Manan Vyas

May 2, 2017 at 4:02 am

Thanks. It works like a charm. :) cheers.

Reply
Tibow

May 30, 2017 at 5:15 am

Perfect thank you !

Is this solution enough secured against XSS attack and other security problems inherent to SVG files and XML ?

Reply
1. Bryan Hoffman
  
  May 30, 2017 at 4:04 pm
  
  Hi Tibow. If your SVG file is know to be clean of any harmful scripts, this technique will work just fine.
  
  Reply

Leave a Reply to Manan Vyas Cancel reply