Breadcrumb with icon and arrow
Thumbnail

PugSCSSPHP
p(class='uk-hidden@m') .uk-margin-bottom ul.uk-breadcrumb li img(src='img/icon-home.svg') | 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"> </p> <div class="uk-margin-bottom"> <ul class="uk-breadcrumb"> <li><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon-home.svg"> <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>