# 在主题中用自定义图标替换 Discourse 的默认 SVG 图标

**URL:** <https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736>\
**Category:** Developer Guides\
**Tags:** how-to, theme-guides\
**Created:** [2019年四月23日 16:43 UTC](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736 "2019-04-23T16:43:06Z")\
**Posts on this page:** 1\
**Showing post:** 38

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2024年八月23日 07:48 UTC](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736/38 "2024-08-23T07:48:21Z")

</div>

我将使用 CSS 隐藏它，并为其添加一个新按钮。

Common / CSS

```scss
.sidebar-section-wrapper {
  li[data-list-item-name=docs] {
    display: none !important;
  }
}

```

在 More \> Customize this section 中添加一个新按钮

 ![Screenshot 2024-08-23 at 9.45.46](https://global.discourse-cdn.com/meta/original/4X/d/4/5/d453d1062d42a5b86626c871a26cb2a0b6506199.png)

---

_[View the full topic](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736)._