# 如何在Reactions插件中使用自定义SVG图标？

**URL:** <https://meta.discourse.org/t/how-to-use-a-custom-svg-like-icon-in-the-reactions-plugin/267027>\
**Category:** Support\
**Tags:** reactions\
**Created:** [2023年五月7日 06:32 UTC](https://meta.discourse.org/t/how-to-use-a-custom-svg-like-icon-in-the-reactions-plugin/267027 "2023-05-07T06:32:09Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)\
**Post date:** [2023年六月2日 15:53 UTC](https://meta.discourse.org/t/how-to-use-a-custom-svg-like-icon-in-the-reactions-plugin/267027/2 "2023-06-02T15:53:21Z")

</div>

> [@Replace Discourse's default SVG icons with custom icons in a theme](https://meta.discourse.org/t/replace-discourses-default-svg-icons-with-custom-icons-in-a-theme/115736):
>
> You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them [within a theme or theme component.](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966#create-new-themes-and-theme-components-7)Step 1 - Create an SVG Spritesheet To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds. The spritesheet should be saved as an SVG file. In principle, you are nesting the \<svg\> tag contents from the original SVG icon file into \<symbol\> …

---

_[View the full topic](https://meta.discourse.org/t/how-to-use-a-custom-svg-like-icon-in-the-reactions-plugin/267027)._