2FA QR code image not shown during security registration

I want to add 2FA to my profile under the security option for 2FA. The QR code is not displaying but an image icon appears instead not allowing me to complete my 2FA code authentication by scanning a QR code with the Authenticator app. anyone experiencing the same issue?

FIXED !!
the Google API call Practiscore does to ( chart[.]googleapis[.]com), is deprecated and no QR code is generated. I used (https://qrcode[.]tec-it[.]com/en/Raw) to generate a QR code to scan from the Practiscore 2FA code generated on the security page, and it worked for me. My 2FA is now enabled. qrcode[.]tec-it[.]com has API documentation that Practiscore can use to fix this issue.

Suggestion, maybe display the secret key generated, below the QR code, so customers can input that directly into an authenticator application as a backup method when signing up for 2FA.

Tried to set up 2 factor authentication today using three browsers: Safari, Firefox, and Chrome. QR code is not displayed on any of the browsers. Links shows a broken on all three.

So what exactly did you do? How exactly am I supposed to type up the URL to have it properly display the QR code? I’ve been fiddling with the QR Code generator you linked but haven’t been able to activate 2FA.

Edit: Alright, I was able to fix the issue for myself. Here are the steps:

  1. On Practiscore, after you’ve tried generating a QR code, hover your mouse over the broken image icon, right-click, and select “Copy Image Link”.
  2. Then, go to https://www.urldecoder.org/ and paste the QR Code link into the top dialog box. Click Decode and a new URL will show up in the dialog box below. With the newly decoded URL, highlight it starting at otpauth onwards until you’ve reached the end (make sure your account email and the secret key are highlighted). Right-click and copy.
  3. Finally, go to https://www.qr-code-generator.com/. Paste what you copied from the previous step into the dialog box, automatically generating a new QR code. Scan it, and you should be able to activate 2-Factor Authentication.

I would not follow these steps. You are exposing your 2 part auth key to these websites, the risk is really low, but technically not secure.
The best way to get around this issue is to follow these steps.

  1. On Practiscore, after you’ve tried generating a QR code, hover your mouse over the broken image icon, right-click, and select “Copy Image Link”.
  2. Then take that copied text and paste it somewhere on your own machine, text file, etc, do not put it in a website.
  3. Open your two part auth app and create a key manually, all apps have a way to manually enter the title and secret. From the copied text fill in the secret. It’s the part after secret%3D leading up to the next %.
    Doing it this way prevents your key from being exposed to random websites. Make sure after you verify it works that you delete the copied text.