Introducing Font Awesome 5 and SVG icons

[Steven]

The theme component introduced just before will help you do it really easily

Custom Header Links (icons)

Summary Custom Header Links (icons) will allow you to easily add linked icons to the Discourse header. Preview Preview on theme-creator.discourse.org Repository Link https://github.com/discourse/discourse-icon-header-links New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Screenshots Desktop [Capture3] Mobile [Capture] This component includes a theme setting that …

But if you really want to do it manually, the first post of this howto will help

(Superseded) Add new link on header beside search icon

This feature is now available as a dedicated theme component. Want to add a new link right next to search icon on header? Follow below steps: Add this JavaScript code to your site theme Go to Admin Customize Themes Select the theme you wish to customize Edit CSS/HTML </head> <script type="text/discourse-plugin" version="0.4"> const { iconNode } = require("discourse-common/lib/icon-library"); api.decorateWidget('header-icons:before', helper => { return helper.h('li', [ he…