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

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