Cart

Add SVG image file to WordPress theme

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 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

  1. winona biber
    at
  2. Manan Vyas
    at

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

  3. Tibow
    at

    Perfect thank you !

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

    1. Bryan Hoffman
      at

      Hi Tibow. If your SVG file is know to be clean of any harmful scripts, this technique will work just fine.

Leave a Reply to Manan Vyas Cancel reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.