プログラミング言語・OSSのロゴ26件を企業ロゴと比べて数えた違い

図鑑には、企業のロゴのほかに、プログラミング言語やフレームワーク、開発ツールのロゴも集めています。この2つを同じ記録（型・文字の種類・作り方のタグ）で数えて比べました。

数え方を先に書いておきます。開発系は、オープンソースとして載せたものと、業種がプログラミング言語・フレームワーク・開発ツールのものを合わせた26件です。VS Code は企業の製品ですが、開発ツールなのでこちらに入れています。比べる相手は、ほかの記事と同じ企業とブランドのロゴ52件です。Android や Firefox などアプリ・Web サービスの5件はどちらにも入れていません。

タグは目立つ特徴を書き留めたもので、全件に同じ項目を埋めたものではありません。「頭文字だけで組む」は「頭文字をマークにする」と同じものとして数えています。

文字を持たないロゴが半分近い

いちばん大きな差は型に出ました。

型	開発系 26件	企業とブランド 52件
シンボルマーク	12件（46%）	2件（4%）
ロゴタイプ	5件（19%）	26件（50%）
マーク＋文字	5件（19%）	18件（35%）
エンブレム	4件（15%）	6件（12%）

割合は四捨五入しているため、合計は100%になりません。

企業では文字だけのロゴが半分を占め、文字を持たないのは三菱と住友の2件だけでした。開発系ではこれが逆転し、React、Vue.js、Kubernetes、Vite など12件が文字を持ちません。React は同じ楕円を3つ回して重ね、中心に円を置いただけの形です。

ReactMeta・シンボルマークこのロゴの分析を読む →

文字の組み方にも差が出ます。文字を含むロゴで数えると、太い字は開発系14件中7件（50%）、企業50件中31件（62%）。大文字だけは開発系5件、企業26件。字間を広くとったロゴは企業に10件あり、開発系には1件もありませんでした。文字で個性を出す手が、開発系ではあまり使われていません。

頭文字をマークにするのは27%

頭文字や名前の頭の数文字をマークにしたロゴは、開発系で7件（27%）、企業で5件（10%）でした。Kotlin は正方形を斜めの線で3つの面に切り分け、白い切れ込みで K を浮かび上がらせています。線で文字を書かず、面の境目で読ませる作りです。

KotlinJetBrains・シンボルマークこのロゴの分析を読む →

TypeScript と JavaScript は、正方形に名前の頭の2文字だけを置いています。TypeScript は青い角丸の正方形に白で「TS」を抜き、右下に寄せました。JavaScript のロゴはコミュニティで広く使われている非公式のもので、黄色の正方形の右下に黒で「JS」を置いています。

TypeScriptMicrosoft・エンブレムこのロゴの分析を読む → JavaScriptJavaScript コミュニティ・エンブレムこのロゴの分析を読む →

円や四角で囲むロゴは開発系で4件（15%）、企業で3件（6%）と、件数が少なく差ははっきりしません。ただ中身が違います。企業のエンブレムはニトリや吉野家のように名前を丸ごと面に収めますが、開発系は TypeScript、JavaScript、PHP、Rust と、中に置くのは1〜3文字です。

グラデーション、動物、自然、動き

モチーフと塗り方でも差が出ました。

特徴	開発系 26件	企業とブランド 52件
グラデーションを使う	6件（23%）	4件（8%）
動物・自然のモチーフ	7件（27%）	2件（4%）
動きを線で表す	5件（19%）	0件
立体に見せる	4件（15%）	0件
家紋を下敷きにする	0件	5件（10%）

動物は Docker のクジラ、PostgreSQL のゾウ、Swift の鳥の3件で、企業には1件もありません。PostgreSQL は正面を向いたゾウの顔だけで、文字を持ちません。

PostgreSQLPostgreSQL Global Development Group・シンボルマークこのロゴの分析を読む →

自然のモチーフは Hono の炎、Ruby の宝石、SQLite、Tailwind CSS の4件です。Hono は名前が日本語の「炎」から来ているとされ、炎の形1つをマークにしています。

HonoHono プロジェクト・シンボルマークこのロゴの分析を読む →

グラデーションの6件のうち、Vite は水色から紫へ移る逆三角形に、黄色からオレンジへ移る稲妻を重ねています。速さを表す記号を1つだけ選んだ形です。

ViteVite プロジェクト・シンボルマークこのロゴの分析を読む →

なぜこうなるのか

事例の記録を読むと、開発系のロゴが置かれる場所は、README のバッジ、エディタのタブやファイル一覧、ブラウザのファビコン、技術構成を並べたスライドです。どれも小さな正方形の枠で、ほかのロゴと横に並びます。

横長の文字列は、この枠に入れると字が小さくなりすぎます。正方形に収まる記号や、1〜2文字の頭文字のほうが、数十ピクセルでも見分けがつきます。TypeScript が四角に2文字を置く形は、ファイルの種類を示すアイコンと同じ形式で、ロゴとアイコンの区別がいりません。

名前の性格も効いています。開発系の名前は Go、Rust、Ruby、Swift のように短い英単語が多く、しかも Ruby、Swift、Hono、Docker のように描ける物を指しています。名前が物を指していれば、その物を描くだけで名前とマークがつながります。バルミューダやキーエンスのような造語の社名には描く物がないので、文字で覚えてもらうことになります。

Go は大文字2文字を太く傾け、左に3本の線を引いています。2文字しかないので、太くしても幅をとりません。短い名前なら、文字のままでも正方形に近く収まります。

GoGoogle（Go プロジェクト）・ロゴタイプこのロゴの分析を読む →

ライブラリや CLI ツールのロゴを作るなら

数えた結果から、個人で作るライブラリやツールのロゴには次の順で考えるのがよさそうです。

• 最初から正方形で考える。バッジやタブで使う形が本体になります
• 名前が物を指すなら、それを1つ描く。指さないなら、頭文字1〜2文字を面に置く
• 色は1〜2色で、明るさの差をはっきりつける。開発系の26件中15件は主な色が1色でした
• 16ピクセルに縮めて確かめる。細部は消えても、外形と色で見分けられれば十分です

グラデーションや立体表現は開発系に多い手ですが、どれも単純な外形の上に重ねています。まず平らな1色で成り立つ形を作り、足すのはその後です。

開発系の実例はオープンソースのロゴの一覧で見比べられます。形の方向が決まったら、ロゴを作るアプリでツール名を入れ、マークだけの型を選んで候補を並べてみてください。