# SVG 图标未显示

**URL:** https://meta.discourse.org/t/svg-icon-not-displayed/195026
**Category:** Support
**Created:** [2021年六月25日 14:41 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026 "2021-06-25T14:41:24Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [2021年六月25日 14:41 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/1 "2021-06-25T14:41:24Z")

</div>

图标在前 1 秒显示，随后消失。网站上的所有图标均如此。

版本：2.8.0.beta2  
控制台无错误

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/c/cc52abddfd84ef6eca948048d4fe451b0cecb675.png)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2021年六月25日 18:33 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/2 "2021-06-25T18:33:19Z")

</div>

您尝试过多个浏览器吗？如果该网站是公开的，您能发布链接吗？

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [2021年六月26日 08:58 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/3 "2021-06-26T08:58:26Z")

</div>

在另一个浏览器上尝试过，图标会显示 1 秒然后消失，或者在翻页时消失。  
看起来像是冲突，但我找不到错误原因。[此链接](https://thuvienmuasam.com/t/kinh-nghiem-mua-noi-ap-suat-dien-philips-loai-nao-tot-nhat/3008)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2021年六月26日 13:12 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/4 "2021-06-26T13:12:49Z")

</div>

好的，你自定义的主题或插件中的某些代码正在从 DOM 中移除图标。如果你检查任何 Discourse 站点的页面源代码，会在页面末尾看到类似这样的内容：

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/a/1/a19c661684339c92ec926bd17535b593f7aaffe5_2_690x38.png)

那个 `class="fontawesome"` 元素包含了图标。而在你的站点中，某些代码移除了该元素，并用其他内容替换了它。以下是你站点页面源代码的截图：

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/a/fac932a9c5e1be62ed03a87b79abb126ddfc212e.png)

你需要找出具体是什么导致了这种情况，并修改相关代码，使其不再清除这些图标。

---

<div class="post-metadata">

### Author: ![Bcat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bcat/32/163148_2.png) [@Bcat](https://meta.discourse.org/u/Bcat)
#### Post date: [2021年六月26日 15:05 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/5 "2021-06-26T15:05:43Z")

</div>

感谢您发现问题，我会立即修复。非常感谢！

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2021年七月26日 15:05 UTC](https://meta.discourse.org/t/svg-icon-not-displayed/195026/6 "2021-07-26T15:05:47Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.