How to use get_theme_file_path to output svg icon from specified folder?

To display an SVG icon from a folder in your WordPress theme using get_theme_file_path, you can do the following:

$name = '360-degrees.svg';
$icon_path = get_theme_file_path('/assets/img/icons/svg/' . $name);

if (file_exists($icon_path)) {
    echo file_get_contents($icon_path);
}

Explanation:

  1. get_theme_file_path() — This function returns the full path to a file in your theme. We pass the path to the SVG file relative to the theme’s root.
  2. file_exists() — Checks if the file exists at the specified path to avoid errors if the file is missing.
  3. file_get_contents() — Reads the contents of the SVG file and outputs it.

This code will embed the SVG content directly into the HTML of your page, allowing it to be used as a vector graphic.

Ensure that your SVG file is available at the specified path and that your server supports reading such files.

How useful is the publication?

Click on a star to rate it!

Average score 5 / 5. Number of grades: 1

No ratings yet. Rate it first.

Similar posts

Why Files with Identical Content (*.js, *.php, *.css) Can Have Different Sizes?

When developers compare files with identical content but notice that their sizes differ, it can be perplexing. Let’s explore why this happens and what factors influence the size of files with extensions like *.js, *.php, and *.css. 1. File Encoding One of the key factors affecting file size is text encoding. The most common encodings…
Read more

How to transfer a site from dle to WordPress?

Transferring a website from DLE (DataLife Engine) to WordPress can be a complex process, especially if the site has a lot of content. Here’s a step-by-step guide: 1. Preparation 2. Export Data from DLE DLE uses its own database structure, so you’ll need to export data and convert it into a format compatible with WordPress:…
Read more