'Font-Awesome version 6 icons not showing

First example is not showing, but second example is showing. Why?

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
</head>
<body>
    <i class="fa-solid fa-square-info"></i> NOT SHOWING
    <i class="fas fa-info-circle"></i> SHOWING
</body>
</html>
htmlfont-awesome


Solution 1:[1]

This is because the icon fa-solid fa-square-info is a PRO icon and it's not available for use in the free version of font-awesome. So the icon is not rendering. Alternatively you can try using Material Design Icons which is open source and free to use.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Joy Dey

Related Questions