网站图标始终显示Safari

Question

我有一个使用Bootstrap 3构建的网站。我创建了所有格式的favicons和apple-touch-icons：

  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_57.png" sizes="57x57">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_72.png" sizes="72x72">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_120.png" sizes="120x120">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_128.png" sizes="128x128">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_144.png" sizes="144x144">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_152.png" sizes="152x152">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_195.png" sizes="195x195">
  <link rel="icon" type="image/png" href="assets/images/favicon/favicon_228.png" sizes="228x228">
  <link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicon/favicon_57.png" />
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/favicon_114.png" />
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/favicon_72.png" />
  <link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicon/favicon_144.png" />

然而，当我在Safari中查看我的网站的书签时，我会看到Bootstrap图标。我不知道这些图标来自何处和/或如何覆盖它们。

有什么想法吗？