サイトにアイコンを設定する
code:html
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
各デバイスで適用されるアイコン
<link rel="apple-touch-icon-precomposed" sizes="{nxn}" href="../path/to/icon.png">
例
code:html
<!-- third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../static/img/favicon144.png">
<!-- iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../static/img/favicon114.png">
<!-- first- and second-generation iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../static/img/favicon72.png">
<!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="../static/img/favicon57.png">
<!-- basic favicon -->
<link rel="shortcut icon" href="../static/img/favicon32.png">
ref