Changing vanilla default icons - HL Vanilla Community
<main> <article class="userContent"> <p>This feature is a part of our Enterprise-level service.</p><p>Default vanilla icons (all icons aligned on a 24x24 grid or 16x16 grid if compact) now can be updated with any custom icon.</p><p>For that, new icons should be registered in theme entry file <code class="code codeInline" spellcheck="false" tabindex="0">forum.tsx</code> like this:</p><pre class="code codeBlock" spellcheck="false" tabindex="0">import { iconRegistry } from "@vanilla/icons"; iconRegistry.registerIcon("existing-icon-name", require("./some-other.svg")); </pre><p>All the icons available for updating are located here <a href="https://github.com/vanilla/vanilla/tree/master/packages/vanilla-icons/icons" rel="nofollow noreferrer ugc">available icons</a></p><p>Here is an example of custom icons in titlebar mebox.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/JKV4SJDAIDHO/screen-shot-2021-04-28-at-9-58-01-am.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/JKV4SJDAIDHO/screen-shot-2021-04-28-at-9-58-01-am.png" alt="Screen Shot 2021-04-28 at 9.58.01 AM.png" height="216" width="2808" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><br></p> </article> </main>