Twitterといえば、青色の背景や鳥のマークが印象的なデザインを思い浮かべるのではないでしょうか?
Twitterのロゴやアイコンは、ガイドラインに沿っていれば自由に使用することができます。
ここでは、Twitterのlogoやiconの使用についてご紹介します。
・Twitterのロゴやアイコンの使用ガイドライン
・logoやiconの悪い使用例まとめ
・Twitterのlogoとiconのダウンロード
〈 もくじ 〉
1.Twitterのロゴやアイコンの使用ガイドライン
Twitterのロゴやアイコンを自由に使用するためには、ガイドラインに記されているいくつかの原則に従う必要があります。
>>Twitter-ブランドガイドライン
1)使用原則
2)空白スペースについて
3)最小使用サイズについて
4)色について
5)配置について
6)アイコンについて
1)使用原則
Twitterのロゴやアイコンを使用するに当たって、使用原則をまとめると次のとおりです。
- ロゴの色:青または白のみ
- ロゴの加工:変更・回転・編集・吹き出しの追加・擬人化をしてはいけない
- ロゴの周囲:他の生物を配置してはいけない
- ロゴの強調:過度な強調をしてはいけない
- ロゴのバージョン:古いバージョンのロゴを使用してはいけない
- ロゴの空白スペース:後述の空白スペースに従わなければいけない
- ネーミングやデザイン:独自のものとして使用してはいけない
- 書籍や出版物:Twitterが発行したものではないことを明確に示さなければいけない
- 商品:Twitterのロゴをユーザー名もしくはハッシュタグと併記しないこと、または他のソーシャルアイコンと並べて使うことは認められない
2)空白スペースについて
ロゴを使用する場合には、ロゴの周囲に空白スペースを設けなければいけません。
ロゴの周囲の空白スペースは、ロゴのサイズの150%以上と規定されています。
3)最小使用サイズについて
ロゴを使用する場合には、Twitterのロゴであることを識別できるように最小の使用サイズが決まっています。
ロゴの最小使用サイズは、16px以上と規定されています。
4)色について
ロゴの色は、青(HEX #1DA1F2,RGB 29:161:242)または白(HEX #FFFFFF,RGB 255:255:255)の使用に限られています。
なお、画像上に重ねて使用する場合には、白のみとなっています。
【基本使用】
色は『青のロゴ&白背景』もしくは『白のロゴ&青背景』の組み合わせが基本です。
【背景画像上での使用】
画像上に重ねて使用する場合には、白のロゴを使用します。
また、背景画像が明るい場合、全体に10%~20%のグレーの層(レイヤー)を薄く被せることが推奨されています。
5)配置について
ユーザー名やハッシュタグなど、他の要素とロゴを組み合わせて使用する場合には、テキストの高さに対して100%にする必要があります。
6)アイコンについて
Twitterのアイコンはその他のソーシャルアイコンと並べて表示する場合、サイズや高さを統一する必要があります。また、最小使用サイズは幅32px以上となります。
なお、白いロゴの場合、背景色の指定はないようです。
参考のアイコンは次のとおりです。

2.logoやiconの悪い使用例まとめ
ロゴやアイコンを使用する際の悪い例をまとめると次のとおりです。
アウトラインを入れてはいけない | ![]() |
影をつけてはいけない | ![]() |
特殊効果を加えない | ![]() |
グラデーションを入れてはいけない | ![]() |
複数の色を使ってはいけない | ![]() |
変形・回転・引き伸ばしてはいけない | ![]() |
向きを変えてはいけない | ![]() |
他の要素を追加してはいけない | ![]() |
パーツを追加してはいけない | ![]() |
複数のロゴを組み合わせてはいけない | ![]() |
古いロゴを使ってはいけない | ![]() |
古い文字ロゴを使ってはいけない | ![]() |
鳥を暗示させるような使い方をしてはいけない | ![]() |
コピー、見出し、その他のロゴと組み合わせて表示してはいけない | ![]() |
「Twitter」というテキストと組み合わせて表示してはいけない | ![]() |
ロゴを指定外の形で囲んではいけない | ![]() |
複数のロゴを重ねてはいけない | ![]() |
模様を入れてはいけない | ![]() |
擬人化してはいけない | ![]() |
古いアイコンを使ってはいけない | ![]() |
3.Twitterのlogoとiconのダウンロード
Twitterのロゴやアイコンは公式ページで自由にダウンロードすることができます。
ダウンロードできるファイル形式は次のとおりです。
- PNG形式
- EPS形式
- SVG形式
- PSD形式
1)ダウンロードできるロゴやアイコン
2)ダウンロードの仕方
1)ダウンロードできるロゴやアイコン
ダウンロードできるロゴやアイコンは次のとおりです。
【ロゴ】
【アイコン】
2)ダウンロードの仕方
ダウンロードは公式ページにアクセスして行います。
【ダウンロードの仕方】
Twitterのブランドリソースページにアクセス→ダウンロードしたいロゴやアイコンの[ダウンロード]ボタンをクリックで完了です。
ZIPファイルにてダウンロードできるので、中に保存されている画像ファイルを選択して使用してみてください。
4.まとめ
以上、Twitterロゴやアイコン|logoやiconの使用についてでした。
Twitterのlogoやiconは自由に使用することができますが、使用原則を守った上で利用するようにしましょう。
ダウンロード自体は非常に簡単なのでぜひ試してみてはいかがでしょうか?