Font Awesome普通图标显示方块求助：品牌图标可正常加载

1. 修正图标样式前缀 #

你使用的fa-regular fa-magnifying-glass组合不存在于Font Awesome 6.2.0中——放大镜图标仅属于fa-solid样式库，修改类名即可正常显示：

<i class="fa-solid fa-magnifying-glass"></i>

2. 处理Duotone图标 #

fa-duotone系列图标需要特殊结构才能显示双色效果，即使引入了全量CSS，也需调整代码：

<i class="fa-duotone fa-phone">
  <span class="fa-secondary"></span>
</i>

如果不需要双色效果，直接改用更通用的solid版本更简单：

<i class="fa-solid fa-phone"></i>

3. 确认图标版本兼容性 #

确保你使用的图标名称在Font Awesome 6.2.0中存在，避免拼写错误或使用了该版本未收录的新图标。

修正后的完整代码 #

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<i class="fa-brands fa-discord"></i>
<i class="fa-solid fa-magnifying-glass"></i>
<i class="fa-solid fa-phone"></i>
<i class="fa-brands fa-whatsapp"></i>

内容的提问来源于stack exchange，提问作者Hemant Maurya