diff --git a/keycloak/keycloakify/src/login/assets/orcid-logo.png b/keycloak/keycloakify/src/login/assets/orcid-logo.png
new file mode 100644
index 000000000..ef109145b
Binary files /dev/null and b/keycloak/keycloakify/src/login/assets/orcid-logo.png differ
diff --git a/keycloak/keycloakify/src/login/pages/Login.tsx b/keycloak/keycloakify/src/login/pages/Login.tsx
index 6f3e5757c..02d7f4d7c 100644
--- a/keycloak/keycloakify/src/login/pages/Login.tsx
+++ b/keycloak/keycloakify/src/login/pages/Login.tsx
@@ -5,6 +5,7 @@ import type { PageProps } from "keycloakify/login/pages/PageProps";
 import { useGetClassName } from "keycloakify/login/lib/useGetClassName";
 import type { KcContext } from "../kcContext";
 import type { I18n } from "../i18n";
+import orcidLogoUrl from "../assets/orcid-logo.png";
 
 const my_custom_param = new URL(window.location.href).searchParams.get("my_custom_param");
 
@@ -191,7 +192,7 @@ export default function Login(props: PageProps<Extract<KcContext, { pageId: "log
                             {social.providers.map(p => (
                                 <li key={p.providerId} className={getClassName("kcFormSocialAccountListLinkClass")}>
                                     <a href={p.loginUrl} id={`zocial-${p.alias}`} className={clsx("zocial", p.providerId)}>
-                                        <span>{p.displayName}</span>
+                                        <span><img src={orcidLogoUrl} alt="ORCID logo" width={50} /> Sign in with {p.displayName}</span>
                                     </a>
                                 </li>
                             ))}