Safari shows wrong icon

When I bookmarked https://www.venucia.com on iOS Safari, it shows Nissan icon which is wrong, while any other browsers even macOS safari shows the right icon. I want to know which icon is used on iOS Safari. here's my HTML code.

<link rel="apple-touch-icon" sizes="180x180" href="{{mobile_asset}}/images/global/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{mobile_asset}}/images/global/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{mobile_asset}}/images/global/favicon-16x16.png">
<link rel="manifest" href="{{mobile_asset}}/images/global/site.webmanifest">
<link rel="mask-icon" href="{{mobile_asset}}/images/global/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="{{mobile_asset}}/images/global/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="{{mobile_asset}}/images/global/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

I've also placed an icon on the root: https://www.venucia.com/favicon.ico , it's not working