These are my link tags in my index.html (inside the head tag):

<link rel="icon" href="./iconePourOnglet.png" type="image/png" />
<link rel="apple-touch-icon" href="./logo192.png" type="image/png" />
<link rel="apple-touch-icon-precomposed" href="./logo192.png" type="image/png" />
<link rel="shortcut icon" href="./logo192.png" type="image/png" />

But I still see on Google results the globe:

Even in my Google Search Console there is a globe:

When I use the Google Favicon Snatcher to check my favicon as seen by Google, it's still a globe (https://www.google.com/s2/favicons?domain=https://as-quebec.net).

PS: I am able to see my icons there:

and there:

So do you know how can I display my icon in Google results instead of the actual default globe?