根据W3school：
定义和用法
content属性与：before和：after伪元素一起使用，以插入生成的内容。
因此，请使用.fa-facebook:before{content:url("")}代替.fa-facebook{content:url("")}
Jsfiddle

根据官方规则，content属性只对::before和::after伪元素有效，所以在这种情况下，Chrome违反了规则！
解决方案：将::before添加到图标的选择器中，这样它就可以在所有浏览器中工作。
第一个

在背景中使用图像而不是内容，例如

.fa-facebook{
    content: '';
    background:url("https://lh3.googleusercontent.com/-VPr8buUo47w/VjMsRPIzr-I/AAAAAAAAAL4/AYBtvlNCQiw/s64-Ic42/clouds_social_media_icons_set_64x64_0000_facebook.png");
    width:64px;
    height:64px;  
    display:inline-block;
}

我希望替换此行并显示自定义图像。

<i class="fa-solid fa-graduation-cap fa-lg">