css - How to use icon on html

Question

I have this complete code but is not working for me.

<style>

.mdi-airplay::before {
    content: "F01F";
}

.mdi:before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

</style>


<i class="mdi mdi-airplay"></i>

Please, is there anything am getting wrong?

question from:https://stackoverflow.com/questions/65869836/how-to-use-icon-on-html

Answer 1

Waitting for answers