hello @santiago5 @trividar can you send me a link from the icon, which you want to implemented?

@janloebel interesting module. Can you add some pictures?

@doudy try this:

.currentweather .weathericon {
    position: absolute;
    z-index: 0;
    height: 20px;
    right: 180px;
    margin-top: -65px;
    }

How did you integrate the new icons?

@tagriel i will test it.

Nice Mirror!!
Which Font do you use?

@tagriel i have used svg Icons because it was easier for me.
I can try to make a solution with the CSS Icons which you have linked here.

@lavolp3 my solution works.
For the web server is the Magic Mirror directory the “root” directory. So you have to create the fonts directory in the Magic Mirror directory.

Try to put your fonts directory in the Magic Mirror directory.

Try this:

@font-face {
  font-family: "MyFont";
  font-style: normal;
  font-weight: 100;
  src:
    local("SF-Pro-Display-Light"),
    url("/fonts/SF-Pro-Display-Light.otf") format("truetype");
}

and i have change this too:

.thin {
  font-family: "MyFont";
  font-weight: 100;
}

.light {
  font-family: "MyFont";
  font-weight: 300;
}

.regular {
  font-family: "MyFont";
  font-weight: 400;
}

.bold {
  font-family: "MyFont";
  font-weight: 700;
}

hope it helps.

@smotx you’re welcome, no problem