My code to set up favicons looks like this:
<link rel="shortcut icon" href="/Images/favicon.png">
<link rel="shortcut icon" href="/Images/favicon.ico">
<link rel="apple-touch-icon" sizes="114x114" href="/Images/apple-touch-icon-retina.png">
<link rel="apple-touch-icon" sizes="72x72" href="/Images/apple-touch-icon-ipad.png">
<link rel="apple-touch-icon" href="/Images/apple-touch-icon.png">
I am using vector icons everywhere in my application now.
Does anyone know if there is a way that I can specify the favicon that the browser uses as a vector icon?
This is not supported by any browser at this time so you cannot do this.