外部リンクにファビコンを簡単に表示させる方法

外部リンクにファビコン（favicon）を簡単に表示する方法を紹介します。
例えばこう「 Pixabay」。

ファビコンはGoogle経由で表示

次のURLへの直リンクでファビコンが表示されます。

https://www.google.com/s2/favicons?domain=https://pixabay.com/ja/

最後のURLはファビコンを表示したいサイトのURL、またはドメインに変更してください。
これにてGoogle経由でファビコンを表示でき、とても手軽。
特に制限もないようで、1日1万回表示させても全く問題ありません。

表示させる際のデザイン

何もCSSで指定しないと、次のように上にずれます。

Pixabay

だから、次のようにCSSを追加する。

<img style="vertical-align: text-top;" src="https://www.google.com/s2/favicons?domain=https://pixabay.com/ja/" alt="" /> <a href="https://pixabay.com/ja/" target="_blank" rel="noopener">Pixabay</a>

・ text-top
Pixabay

サイトのCSSによって違ってくるので、ずれる場合は他の方法をお試しください。

ここはもちろん、ブロック要素にしたりしても良い。
自由にデザインを。