Breadcrumb with icon and arrow

Thumbnail

PugSCSSPHP

p(class='uk-hidden@m') &nbsp;
.uk-margin-bottom
  ul.uk-breadcrumb
    li
      img(src='img/icon-home.svg')
      | &nbsp;
      a.uk-text-primary(href="#") 首頁
    li
      span(style='color:#727272') 國際

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
  content: '>';
  margin: 0 20px;
  transform: scale(1,1.8);
  color: $global-primary-background;
}

<p class="uk-hidden@m">&nbsp;</p>
<div class="uk-margin-bottom">
  <ul class="uk-breadcrumb">
    <li><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon-home.svg">&nbsp;<a class="uk-text-primary" href="/">首頁</a></li>
    <?php if(is_category()): ?>
    <li><span style="color:#727272"><?php echo esc_html($wp_query->get_queried_object()->name); ?></span></li>
    <?php endif; ?>
  </ul>
</div>