diff --git a/webroot/js/components/chat/chat-menu.js b/webroot/js/components/chat/chat-menu.js
index 2823c3bed..30f4e9fa3 100644
--- a/webroot/js/components/chat/chat-menu.js
+++ b/webroot/js/components/chat/chat-menu.js
@@ -2,7 +2,7 @@ import { h, createContext } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
import { useState, useEffect, useRef } from '/js/web_modules/preact/hooks.js';
import UsernameForm from './username.js';
-import { ChatIcon, UserIcon, CaretDownIcon } from '../icons/index.js';
+import { ChatIcon, UserIcon, CaretDownIcon, AuthIcon } from '../icons/index.js';
const html = htm.bind(h);
@@ -40,7 +40,7 @@ export const ChatMenu = (props) => {
html`
`;
diff --git a/webroot/js/components/icons/AuthIcon.js b/webroot/js/components/icons/AuthIcon.js
new file mode 100644
index 000000000..931b11439
--- /dev/null
+++ b/webroot/js/components/icons/AuthIcon.js
@@ -0,0 +1,22 @@
+import { h } from '/js/web_modules/preact.js';
+import htm from '/js/web_modules/htm.js';
+const html = htm.bind(h);
+
+export const AuthIcon = ({ className }) => {
+ return html`
+
+ `;
+};
diff --git a/webroot/js/components/icons/index.js b/webroot/js/components/icons/index.js
index 6b2e19b30..6bb2e5802 100644
--- a/webroot/js/components/icons/index.js
+++ b/webroot/js/components/icons/index.js
@@ -4,3 +4,4 @@ export { EditIcon } from './EditIcon.js';
export { CheckIcon } from './CheckIcon.js';
export { CloseIcon } from './CloseIcon.js';
export { CaretDownIcon } from './CaretDownIcon.js';
+export { AuthIcon } from './AuthIcon.js';