はじめに
この記事を書いた時に気づいたんですが、Shields.ioのバッジを記事内に表示させる際、ちょっと工夫しないとアイコンが表示されませんでした。その時の覚書です。
pngにしよう
話は単純で、デフォルトのsvgではなくpngを指定しようというだけの話です。
svg
下記の通り、拡張子をsvg指定（ないし未指定）にすると
https://img.shields.io/badge/Github-grey.svg?logo=github
この通り、アイコンが表示されません。
png
それに対し、下記のように拡張子をpngにすると
https://img.shields.io/badge/Github-grey.png?logo=github
この通り、アイコンが表示されます。
余談
この件、Qiita記事はsvgに対応していないみたいなので、それが原因なのだと思います。
ただちょっと混乱したのは、記事作成時のプレビュー画面だとsvgの方もちゃんとアイコンが出るんですよね。
なので、最初はちょっと原因がわかりませんでした。
なお、この情報は記事投稿時点（2024/06/11）のものですので、将来的なShields.ioやQiitaの仕様変更などによっては動作が変わることもあります。あしからず。