Authenticator App Icon

  • Resolved technabob

    (@technabob)


    3 weeks, 6 days ago

    How do I set the icon that appears in 2FA apps. For one of my websites, I’m seeing the correct website icon, but for the other, I’m not.

Viewing 1 replies (of 1 total)
  • Plugin Contributor Brian Haas

    (@masteradhoc)

    3 weeks, 5 days ago

    Hey @technabob

    Thank you very much for opening this support request 🙂

    The icon shown in authenticator apps comes from your site’s favicon. The Two Factor plugin passes your site URL as the issuer when generating the QR code, and apps like Google Authenticator or Authy use that to fetch and display the favicon.

    A few things to check on the site where the icon isn’t showing:

    1. Make sure a Site Icon is set — go to Appearance → Customize → Site Identity and upload a square image (512×512px is recommended).
    2. Re-add the account in your authenticator app — many apps fetch the icon only once, at the time you scan the QR code. If the favicon wasn’t set back then, the app won’t show it even after you add one. Removing and re-adding the 2FA account (after setting the favicon) should pick it up.
    3. Use a standard format — a square PNG works best. Some apps struggle with SVG or non-square favicons.

    Hope that helps!

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.

Tags