【Twitter】公式（認証済み）アイコンを以前の角丸に戻すCSS
この記事では、PC版ウェブサイトのTwitterで、公式アカウントの四角いアバター画像を、一般アカウントと同じ角丸に戻すCSSについて書きます。
ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot（スタイルボット）」を使います。
本記事で紹介するCSSを使えば、2022年12月以降変わってしまった認証済みアカウントの四角いプロフィールアイコンを、以前の角丸に戻せます。
2022年12月以降から、認証された企業やブランドのアイコンが丸ではなく、四角になりました。
「企業とか一般アカウントとかどうでもいい！角丸アイコンに統一したい！」という方、参考にしてみてください。まぁ僕自身は、見分けがつくようになった良い改善だと思っているので、本記事のコードは使っていません。使いたい方だけ利用しましょう。いつでもオンオフできます。
本記事は、PCウェブサイト版です。アプリ版やスマホ（iOS、Android）などでは利用できません。
「Stylebot（スタイルボット）」は、Chrome拡張機能だけでなく、Firefox、Microsoft Edgeアドオンも用意されています。
インストール方法
ウェブサイトに、自分で作成したCSSを適用できるChrome拡張機能「Stylebot」を利用します。
Chromeウェブストアからインストールできます。
https://chrome.google.com/webstore/detail/stylebot/oiaejidbm...Chrome拡張機能だけでなく、Microsoft EdgeとFirefox版もあります。
「Chromeに追加」をクリックしてインストールします。
右上に拡張機能ボタンが追加されればOKです。詳しく使い方を知りたい方は、以下の記事を参考にしてみてください。
https://www.naporitansushi.com/stylebot/以前の角丸アイコンに戻す手順
「Twitter」にアクセスします。右上の拡張機能アイコン→「Stylebotを開く」をクリックします。
右側に白紙のサイドバーが表示されます。もし初めて「Stylebot」を起動した場合は、「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると、白紙のスタイルシート画面を開けます。以下のコードを書き込みます。
/*公式アカウントも角丸アイコンにする*/
div[data-testid^="UserAvatar-Container"] .r-u8s1d.r-1v2oles.r-desppf {
border-radius: 9999px !important;
overflow: hidden !important;
}右上の「×」でスタイルシートを閉じます。
再度拡張機能ボタンを押して、登録したサイト（例：twitter.com）がオンになっていることを確認します。オンになっている間は有効になっているということです。
以前の角丸アイコンになります。ビジネスアカウントではない一般アカウントと同じ状態です。名前の横にゴールドのバッジがあるかどうかで判断できます。
検索候補のアカウントアイコンも角丸になります。
一時的に無効化したい場合は、Stylebot→「twitter.com」をオフにします。完全に使わなくなった場合は、書き込んだコードを削除します。
感想
以上、Twitterの企業公式アカウントのアイコンを、以前と同じ角丸にする方法でした。
同じく12月に実装された他人のツイートの表示回数（インプレッション数）も、拡張機能やCSSを利用することで非表示にできます。
