【问题标题】：Adding a link to favicon? [closed]添加指向网站图标的链接？ [关闭]
【发布时间】：2022-01-26 01:52:34
【问题描述】：

我正在使用 LinkedIn 网站图标，我正在努力做到这一点，以便当您单击它时，它会将您带到 LinkedIn 个人资料。这就是我正在做的：

<a href="https://www.linkedin.com/in/JohnDoe"><i class="fab fa-linkedin"></i></a>

但这会在图标左侧显示网站文本。我只想让图标成为个人资料的链接，而不是显示实际的 html 文本。

【问题讨论】：

不要将 Font Awesome 图标与 Favicon 混淆。它们是完全不同的东西。
该代码不会在图标左侧显示任何内容。请阅读How to Ask 并提供您已测试的minimal reproducible example（最好使用问题编辑器的实时演示功能），以确保它重现您的问题。
请注意，我们更喜欢这里的技术写作风格。我们轻轻地劝阻问候，希望你能帮助，谢谢，提前感谢，感谢信，问候，亲切的问候，签名，请你能帮助，聊天材料和缩写 txtspk，恳求，你多久了被卡住、投票建议、元评论等。只需解释您的问题，并展示您尝试过的内容、预期的内容以及实际发生的情况。

标签： html favicon

【解决方案1】：

如果您的意思是“LinkedIn 图标未显示”

尝试阅读：(quick start documentation)

或者您可以使用 CSS 的在线链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

在这个 codepen 中，他们表明效果很好（上述方法）：https://codepen.io/w3resource/pen/oqzdBL

不工作？

尝试直接下载 SVG

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> -->
</head>

<body>
  <a href="https://www.linkedin.com/in/JohnDoe">
    <!-- <i class="fab fa-linkedin"></i> -->
    <svg style="height: 3em;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin" class="svg-inline--fa fa-linkedin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
  </a>
</body>

</html>

【讨论】：