Why fa-heart-o not working in Fontawesome 5?-CodePudding

I want to use fa-heart-o in Fontawesome 5 free version but it is not working. what should I do? can I use 2 version of Fontawesome in a page? 4.7 and 5.1? because it is working in 4.7 version.

this is my code:

 <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <li>
            <i ></i>
        </li>
        <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
    </body>
    
    </html>

CodePudding user response：

 <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <li>
            <i ></i>
        </li>
        <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
    </body>
    
    </html>

CodePudding user response：

You need to change to <i ></i> to <i ></i> because with the -o in awesome font 5 it wont work.

Codepen https://codepen.io/Javscript/pen/dymPJMP

and also why down vote this question the code is clear and the question is too.