I can't understand why the favicon is not displayed in the Safari browser, but everything works fine in all the others. Help please
<head>
<meta charset="utf-8"/>
<title>About Us - Ambridge Capital</title>
<meta content="Ambridge is an early-stage investor, with one core team across US and Europe." name="description"/>
<meta content="About Us - Ambridge" property="og:title"/>
<meta content="Ambridge is an early-stage investor, with one core team across US and Europe." property="og:description"/>
<meta content="site/ambridge-image.png" property="og:image"/>
<meta content="About Us - Ambridge" property="twitter:title"/>
<meta content="Ambridge is an early-stage investor, with one core team across US and Europe." property="twitter:description"/>
<meta content="site/ambridge-image.png" property="twitter:image"/>
<meta property="og:type" content="website"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="site/css/ambridge.bbbb1a663.css" rel="stylesheet" type="text/css"/>
<script src="ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Gelasio:regular,italic,500,500italic,600,600italic,700,700italic:latin,latin-ext","Poppins:regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Inter:300,regular,500,600,700,800"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="img/ambridge-icon-12.svg" rel="shortcut icon" type="image/x-icon"/>
<link href="img/ambridge-icon-12.svg" rel="apple-touch-icon"/>
