Twitterロゴやアイコン|logoやiconの使用について

Twitterといえば、青色の背景や鳥のマークが印象的なデザインを思い浮かべるのではないでしょうか？

Twitterのロゴやアイコンは、ガイドラインに沿っていれば自由に使用することができます。

ここでは、Twitterのlogoやiconの使用についてご紹介します。

本記事の内容

・Twitterのロゴやアイコンの使用ガイドライン
・logoやiconの悪い使用例まとめ
・Twitterのlogoとiconのダウンロード

1.Twitterのロゴやアイコンの使用ガイドライン

Twitterのロゴやアイコンを自由に使用するためには、ガイドラインに記されているいくつかの原則に従う必要があります。
>>Twitter-ブランドガイドライン

1）使用原則
2）空白スペースについて
3）最小使用サイズについて
4）色について
5）配置について
6）アイコンについて

Twitterのロゴやアイコンを使用するに当たって、使用原則をまとめると次のとおりです。

ロゴを使用する場合には、ロゴの周囲に空白スペースを設けなければいけません。
ロゴの周囲の空白スペースは、ロゴのサイズの150%以上と規定されています。

ロゴを使用する場合には、Twitterのロゴであることを識別できるように最小の使用サイズが決まっています。
ロゴの最小使用サイズは、16px以上と規定されています。

ロゴの色は、青（HEX #1DA1F2,RGB 29:161:242）または白（HEX #FFFFFF,RGB 255:255:255）の使用に限られています。
なお、画像上に重ねて使用する場合には、白のみとなっています。

【基本使用】
色は『青のロゴ&白背景』もしくは『白のロゴ&青背景』の組み合わせが基本です。

【背景画像上での使用】
画像上に重ねて使用する場合には、白のロゴを使用します。
また、背景画像が明るい場合、全体に10%~20%のグレーの層（レイヤー）を薄く被せることが推奨されています。

ユーザー名やハッシュタグなど、他の要素とロゴを組み合わせて使用する場合には、テキストの高さに対して100%にする必要があります。

※ 空白スペースや色は、前述の原則に従う必要があります。

Twitterのアイコンはその他のソーシャルアイコンと並べて表示する場合、サイズや高さを統一する必要があります。また、最小使用サイズは幅32px以上となります。
なお、白いロゴの場合、背景色の指定はないようです。

参考のアイコンは次のとおりです。

ロゴやアイコンを使用する際の悪い例をまとめると次のとおりです。

アウトラインを入れてはいけない
影をつけてはいけない
特殊効果を加えない
グラデーションを入れてはいけない
複数の色を使ってはいけない
変形・回転・引き伸ばしてはいけない
向きを変えてはいけない
他の要素を追加してはいけない
パーツを追加してはいけない
複数のロゴを組み合わせてはいけない
古いロゴを使ってはいけない
古い文字ロゴを使ってはいけない
鳥を暗示させるような使い方をしてはいけない
コピー、見出し、その他のロゴと組み合わせて表示してはいけない
「Twitter」というテキストと組み合わせて表示してはいけない
ロゴを指定外の形で囲んではいけない
複数のロゴを重ねてはいけない
模様を入れてはいけない
擬人化してはいけない
古いアイコンを使ってはいけない