Add icons in menu drawer items on phone instead of emoji's

[TrendBlend]

Hello, how can I use google font icons in my main menu instead of using emoji's? I'm using DAWN Theme: Glow Curtain: 400 LED-lampjes voor een magische sfeer – InteriorGlows

[Small_Task_Help · Accepted solution]

Hi,

Hope this will help

- Add Google Material Icons to Your Store
Code example for head section
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- Find Where Mobile Menu Items Are
- Insert Icons Next to Menu Links
- Pick Different Icons for Different Menu Items
Code example

{% if link.title == 'Home' %}
  <span class="material-icons" style="font-size:20px;vertical-align:middle;">home</span>
{% elsif link.title == 'Shop' %}
  <span class="material-icons" style="font-size:20px;vertical-align:middle;">shopping_bag</span>
{% elsif link.title == 'Contact' %}
  <span class="material-icons" style="font-size:20px;vertical-align:middle;">mail</span>
{% endif %}
{{ link.title }}