# Change single instance of icon

**URL:** <https://meta.discourse.org/t/change-single-instance-of-icon/336356>\
**Category:** Feature\
**Created:** [November 15, 2024, 3:31pm UTC](https://meta.discourse.org/t/change-single-instance-of-icon/336356 "2024-11-15T15:31:56Z")\
**Posts on this page:** 1\
**Showing post:** 12

<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:** [May 15, 2025, 8:41pm UTC](https://meta.discourse.org/t/change-single-instance-of-icon/336356/12 "2025-05-15T20:41:48Z")

</div>

You can also use `iconHTML` instead of manually added the icon.  
Something like this should work:

```js
import { apiInitializer } from "discourse/lib/api";
import { iconHTML } from "discourse/lib/icon-library";

export default apiInitializer((api) => {
  api.onPageChange(() => {
    const btnIcon = document.querySelector("#create-topic .d-icon");
    if (btnIcon) {
      btnIcon.outerHTML = iconHTML("plus");
    }
  });
});

```

---

_[View the full topic](https://meta.discourse.org/t/change-single-instance-of-icon/336356)._