How can I add HTML tags into menu title?

Question

How can I add HTML tags into menu title?

I'm also tryed the following code.

function adminimal_theme_preprocess_menu(&$vars) {
  if ($vars['menu_name'] === 'main') {
    $vars['items']['standard.front_page']['title']='<i class="icon-home"></i>';
  }
}

It also converts tags into HTML entities.

Answer 1

You need to tell drupal that the string is safe. When you use t() this is done automatically. But this would make no sense here, because there is nothing to translate.

In this case you can use an untranslatable markup:

use Drupal\Core\Render\Markup;

function adminimal_theme_preprocess_menu(&$vars) {
  if ($vars['menu_name'] === 'main') {
    if (isset($vars['items']['standard.front_page'])) {
      $vars['items']['standard.front_page']['title'] = Markup::create('<i class="icon-home"></i>');
    }
  }
}

Answer 2

You can use supporting modules for this task. please check the following:

https://www.drupal.org/project/menuimage

https://www.drupal.org/project/menu_icons

Hope it will be helpful for you.