# Change search icon

**URL:** https://meta.discourse.org/t/change-search-icon/157621
**Category:** Support
**Created:** [July 13, 2020, 6:06pm UTC](https://meta.discourse.org/t/change-search-icon/157621 "2020-07-13T18:06:54Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![agf1997](https://avatars.discourse-cdn.com/v4/letter/a/977dab/32.png) [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [July 13, 2020, 6:06pm UTC](https://meta.discourse.org/t/change-search-icon/157621/1 "2020-07-13T18:06:54Z")

</div>

Is there a way to replace the existing search icon with another?

I’d like to replace it with a very similar, but slightly different, icon that matches my wordpress site.

The new icon would be an SVG generated with the following code:

```plaintext
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z"></path></svg>

```

---

<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: [July 13, 2020, 6:24pm UTC](https://meta.discourse.org/t/change-search-icon/157621/2 "2020-07-13T18:24:43Z")

</div>

See [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).

---

<div class="post-metadata">

### Author: ![agf1997](https://avatars.discourse-cdn.com/v4/letter/a/977dab/32.png) [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [July 13, 2020, 6:26pm UTC](https://meta.discourse.org/t/change-search-icon/157621/3 "2020-07-13T18:26:23Z")

</div>

Thanks, I’ll look into this.

---

<div class="post-metadata">

### Author: ![agf1997](https://avatars.discourse-cdn.com/v4/letter/a/977dab/32.png) [@agf1997](https://meta.discourse.org/u/agf1997)
#### Post date: [July 13, 2020, 7:21pm UTC](https://meta.discourse.org/t/change-search-icon/157621/4 "2020-07-13T19:21:59Z")

</div>

This maybe a basic question, but how do I update the `about.json` via the Discourse UI?

Thanks

---

<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: [July 13, 2020, 7:24pm UTC](https://meta.discourse.org/t/change-search-icon/157621/5 "2020-07-13T19:24:42Z")

</div>

Through the UI you don’t need to edit the `about.json` file, just do this:

> [@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/1):
>
> If you are uploading the SVG sprite through the Discourse UI, make sure you use “icons-sprite” as the SCSS var name for the upload.

---

<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: [July 13, 2020, 9:04pm UTC](https://meta.discourse.org/t/change-search-icon/157621/6 "2020-07-13T21:04:50Z")

</div>