Custom Header Links (icons)

[Arkshine]

I think it should be moved to a new Dev topic.

@icaria36
Can you share the content of Three_asterisks?

The spritesheet follows a specific format.

@Discourse

<?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.