svg アイコンが safari で読み込めない問題に直面した。
調べたところ、svg アイコンは safari では partial support しかされていないらしかった。
基本的に、favicon.ico を置いておけば、幅広くいろいろなブラウザで表示できるわけだが、この .ico は deprecated ならしい。
favicon のベストプラクティスはこの stackoverflow の回答が詳しいので参照されたい。
https://stackoverflow.com/questions/48956465/favicon-standard-2020-svg-ico-png-and-dimensions
現代は目まぐるしく新しいデバイスが出現し、消えていく時代なので、あらゆるデバイスサイズに対応するのは人類には難しい。
そのため、favicon の生成ツールを使うのが良いかと思われる。
favicon をアップロードすれば、いろいろなサイズの favicon とそれに対応するタグとアイコンを生成してくれるサイトみたいだ。なんて頼もしいんだろう。