# Custom Header Links (icons)

**URL:** https://meta.discourse.org/t/custom-header-links-icons/86307
**Category:** Theme component
**Tags:** official, custom-header-icons
**Created:** [April 27, 2018, 2:00pm UTC](https://meta.discourse.org/t/custom-header-links-icons/86307 "2018-04-27T14:00:38Z")
**Posts on this page:** 1
**Showing post:** 213

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [March 30, 2025, 7:08pm UTC](https://meta.discourse.org/t/custom-header-links-icons/86307/213 "2025-03-30T19:08:38Z")

</div>

I think it should be moved to a new #Development topic.

@icaria36  
Can you share the content of `Three_asterisks`?

The spritesheet follows a specific format.

> [@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):
>
> ```xml
> <?xml version="1.0" encoding="UTF-8"?>
> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
> <symbol id="my-theme-icon-1">
> <!--
> Code inside the <svg> tag from the source SVG icon file
> this is typically everything between the <svg> tags
> (but not the SVG tag itself, that's replaced by <symbol> above)
> You can transfer any attributes (i.e. ViewBox="0 0 0 0") to the <symbol> tag
> -->
> </symbol>
> 
> <symbol id="my-theme-icon-2">
> <!-- SVG code here. Add more <symbol> blocks as needed.
> -->
> </symbol>
> </svg>
> 
> ```

Then, you can use `my-theme-icon-1`, `my-theme-icon-2` as your identifiers.

More information is at [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).

---

_[View the full topic](https://meta.discourse.org/t/custom-header-links-icons/86307)._