NDO

カテゴリー

ABOUT NDO...
(^-^*)

NDOについて

個人ブログです。忘れっぽいので見返すために自分用に記事にしています。

Astroにて制作(勉強中)。投稿画像以外は画像を利用せずCSS・WEBフォント・SVGにて再現してみました。未だに古いMacintosh(オールドMac)の時代が好きです。このサイトはSystem7とか昔のイラストレータを少し取り入れてみました。くだらない感じを今後も追加したいです。

問い合わせ先

お仕事のご相談はコンタクトにてお問い合わせください。
唯一真面目にやっているSNSはX/Twitterだけなのでフォローいただけると大変よろこびます🥹

Xのロゴは公式とアプリアイコンで形状が違う… 💩
Xのロゴは公式とアプリアイコンで形状が違う…

Xのロゴは公式とアプリアイコンで形状が違う…

😱Xのロゴはガイドラインが用意されていない

突然TwitterからXへと変更されたSNSアイコンですが、お客さまからも特に変更の依頼もないのですが(Twitterの方がわかりやすい)、新規で作るサイトはXのロゴを利用しています。

公式ダウンロードからXのロゴをダウンロードしました。
Xロゴ公式ダウンロード

で・す・が、どこを探してもガイドラインがない…

自分の勘違いか何かだと思って、他の人のブログなんかも調べちゃったりして🧐

ないんです、やっぱり😭

突然変わってとはいえ、ガイドラインがないって事はやりたい放題なのだろうか…😅

🤔アプリアイコンの形状と違う…

アプリアイコンの形状と違う…

さっそくロゴをロゴをダウンロードしたんで、SNSアイコンを設置しよー😆と思ったらよく見るとダウンロードしたロゴはアプリのアイコンより細いぞ!

  • 左)Xロゴ公式ダウンロード
  • 右)iPhoneアプリアイコン

で、これ以外にはロゴがない、って事はこのアプリのアイコンと同じ太さのものは用意されていないのか😩

このアプリアイコン、全体的に太めに調整されている。それもそのはず、iPhone等のアプリのアイコンは小さいので太く調整されているんですね。で、天地を揃えてみたらロゴの線の中心から太くなっているようにも見える…うーんこれはガイドラインがないとはいえやっかいだ。

この細いバージョンしか公式ダウンロードには存在せず。そもそもXのアイコンなんて小さくし使う事がないので太いバージョンも公式で用意した欲しいわ😓

😳アプリアイコンの背景部分

さぁガイドラインがないのでやりたい放題のようだが。。。
やはり用意して欲しいものは用意して欲しいよね。

でこちら

Xロゴ背景

アプリアイコンに利用されている背景部分。これも用意されていないので、私作りました🤣
APPストアにあるロゴをスクショしてXの白いロゴ部分を黒で消してPhotoshopのAI生成でなんとなく。

公式ダウンロードにSVGがあるので、これでSVGのfillを白にして乗っけよう😏

👨Font AwesomeのXロゴ

その後見つけたFont AwesomeのXロゴ。こっちの方が本家よりアプリアイコンに近い!?👅

https://fontawesome.com/icons/x-twitter?f=brands&s=solid