How to change address bar icon?

Here is your problem, looking at View Source on your site:

line 13 is
<link rel="shortcut icon" href="https://www.thepersonalfinancehelpcenter.com/wp-content/themes/mystique/favicon.ico" />

1) The double quotes you have around the URL in the href are fancy quotes – you probably pasted the code from a web page. HTML needs straight double quotes. It is not seeing your URL because of the fancy quotes.

2) this line of code appears as line 13 in View Source. It is your theme inserting its own favicon line. That is why you are seeing the WP icon, since the line you inserted is being seen as invalid by the browser due to fancy quotes. You need to fix your line and find and delete the line the theme inserts.
<link rel="shortcut icon" href="https://www.thepersonalfinancehelpcenter.com/wp-content/themes/mystique/favicon.ico" />

3) Technically favicon code is supposed to be:
<link href='your url' rel='shortcut icon' type='image/x-icon' />

Thanks. Got it fixed now with this.

Looks like I spoke too soon. The icon changes for the backend, but not for the frontend of the blog (which is where I really care about it changing). I’ll keep looking and see if I can figure out what’s going on. Any other suggestions appreciated though.

In your source code it shows

<link rel=”shortcut icon” href='https://www.thepersonalfinancehelpcenter.com/favicon.ico' />

and it should be

<link rel='shortcut icon' href="https://www.thepersonalfinancehelpcenter.com/favicon.ico' />

you are still using the fancy quotes as stvwlf had mentioned in his post.

Never mind. Got it now.

it’s also possible to jsut use a png:

<link rel=”icon” type=”image/png” href=”https://www.website.com/fav.png&#8221; />