Icon not showing

Hello, my icon is now showing up when on the right panel. (When reloading page its working)
Whats wrong with my code? I thought i have everything in it.

app.f7.html

<div class="panel panel-left panel-cover theme-dark panel-init">

      <div class="view">

        <div class="page">

              <div class="page-content slider-left">

            <div class="block">

              <div class="list links-list">

                <ul>

                  <li>

                    <a href="/home/" class="panel-close Textbold Textnormalblue ">Dashboard</a>

                  </li>

                  <li>

                    <a href="/dates-list/" class="panel-close Textnormalblue Textbold">Terminliste</a>

                  </li>

                  <li>

                    <a href="/available/" class="panel-close Textnormalblue Textbold">VerfĂĽgbarkeiten</a>

                  </li>

                  <li>

                    <a href="/dates/" class="panel-close Textnormalblue Textbold">Kalender</a>

                  </li>

                  <li>

                    <a href="/todo/" class="panel-close Textnormalblue Textbold">To-Do-Liste</a>

                  </li>

                  <li>

                    <a href="/contact/" class="panel-close Textnormalblue Textbold">Kontakte & Gruppen</a>

                  </li>

                </ul>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

    <!-- Right panel with reveal effect-->

    <div class="panel panel-right panel-reveal theme-dark">

      <div class="view">

        <div class="page">

          <div class="navbar">

            <div class="navbar-bg"></div>

            <div class="navbar-inner">

              <div class="title">Right Panel</div>

            </div>

          </div>

          <div class="page-content">

            

            <div class="block">Right panel content goes here</div>

          </div>

        </div>

      </div>

    </div>

home.f7.html

<div class="navbar">

      <div class="navbar-bg"></div>

      <div class="navbar-inner">

        <div class="left">

          <a href="#" class="link icon-only panel-open" data-panel="left">

            <i class="icon f7-icons if-not-md">menu</i>

            <i class="icon material-icons if-md">menu</i>

          </a>

        </div> <div class="right">

          <a href="/settings/" class="link icon-only" data-panel="right">

            <i class="icon f7-icons if-not-md">gear_alt</i>

            <i class="icon material-icons if-md">gear_alt</i>

          </a>

        </div>

        <div class="title">Titel</div> 

        </div>

    </div>

Apparently there is no gear_alt in Material Icons set https://material.io/resources/icons/?search=gear_alt&style=baseline

1 Like

Okay, i used the outdated icon list, thank you very much :slight_smile: