.htaccessの上記振り分け設定を外せば、正常にアイコンが表示されることから、.htaccessの振り分け設定が原因と思われます。
そうはいっても.htaccessでスマートフォンサイトとPCサイトの振り分けをしたいと思いますので、上記振り分け設定をしても、iPhoneの「ホーム画面に追加」向けに設定したアイコンが正常に表示される方法を教えて頂けないでしょうか?
素人なものでして、.htaccess等への具体的な記述方法を教えていただけますと大変助かります。
なお、.htaccessのユーザーエージェントでの判別・振り分けの記述は下記の通りです。
RewriteEngine on
RewriteCond %{REQUEST_URI} !/pc/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^(.*)$ pc/ [R]
RewriteBase /
RewriteCond %{REQUEST_URI} /pc/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^pc/(.*)$ $1 [R]
RewriteBase /
何卒よろしくお願いいたします。
アイコンのパス(href属性)が分からないので、たぶんこんな感じで回避できると思います。
RewriteEngine on
RewriteRule ^pc/icon\.png$ pc/icon.png [L]
RewriteCond %{REQUEST_URI} !/pc/
RewriteCond %{HTTP_USER_AGENT} !(iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^(.*)$ pc/ [R]
RewriteBase /
RewriteCond %{REQUEST_URI} /pc/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|Android.*Mobile|Windows\ Phone)
RewriteRule ^pc/(.*)$ $1 [R]
RewriteBase /
赤色の行に実際のアイコンのパスを書けば良いと思います。
フォルダ構造が分かれば、もっと工夫のしようがあると思います。