#053
posted on 2021.08.31 (Tue) 2024.03.23 (Sat)

各SNSのロゴアイコンの公式ダウンロードページとカラーコード。

CATEGORY

Apple、Google、各SNSの公式サイト内からダウンロードできるロゴやアイコン画像を毎回検索するのが面倒なので、ダウンロードページとカラーコードのメモ。

(基本的に「eps」と「svg」のファイル形式が公開されている。「png」しかない場合もある。)

※ 公式サイトでロゴが用意されていない場合はWORLDVECTORLOGOで探す。

 

ダウンロードした「epsファイル」がIllustratorのバージョン違いで開けない場合、下記の手順で画像の読み込みとパス化ができる。

  1. 任意のファイルを新規作成。
  2. 「epsファイル」をキャンバスにドラッグ。(メニュー「ファイル」の「配置」から選択しても同じ。)
  3. 「埋め込み」をクリック。

 

 

Amazon

・「Logo Download

amazonの各種サービスの「ロゴアイコン」のダウンロード。(ZIPでまとめられているファイルが「eps」。)

 

・「Amazon マーク」(Kindleのヘルプページ。)

「こちらで配信中のバッジ」(「ロゴアイコン」が含まれる)のダウンロード。

 

カラーコード

  • HEX : #ff9900
  • RGB : 255, 153, 0

 

 

Andoriod

※ Androidの文字ロゴの使用にはGoogleと書面での同意が必要なので、公式サイトで文字ロゴはダウンロードできない。

 

・「ブランド ガイドライン

「Android ロボットの画像」のダウンロード。(現行のロボットアイコンは顔だけの仕様。)

 

カラーコード (Android Green)

  • HEX : #3ddc84
  • RGB : 61, 220, 132
  • Pantone : 2412 C

 

・「Google Play badges

「Google Playのバッジ」のジェネレーター。(「png」か「eps」でダウンロード。)

 

 

Apple

・「マーケティングリソースとアイデンティティに関するガイドライン

「App Storeバッジ」(リンゴのアイコンが含まれる)と「Apple製品のモック画像」のダウンロード。

 

 

Bluesky

・「Bluesky Media Kit

「ロゴバナー」、「ロゴアイコン」、「CEO写真」、「アプリ画面サンプル画像」のダウンロード。(「ロゴアイコン」のみ「svg」あり、他は「png」か「jpg」のみ。)

 

カラーコード

  • HEX : #1185fe
  • RGB : 17, 133, 254

 

・「Community Showcase

Bluesky公式で公開されているサードパーティー製APIツール。

 

 

bandcamp

※ 2024年03月09日時点で、bandcampのサイト上にあるロゴ(菱形部分)は「#1DA0C3」で実装されているが、ダウンロードできる公式素材に使わているカラーコードと異なる。

 

・「Buttons and Logos

「ロゴアイコン」のダウンロード。(「eps」と「png」のセットをZIPファイルでダウンロード。)

 

カラーコード

[ Black ]

  • HEX : #000000
  • RGB : 0, 0, 0

[ Green ]

  • HEX : #639aa9
  • RGB : 99, 154, 169

[ Grey ]

  • HEX : #a4a4a4
  • RGB : 164, 164, 164

[ Aqua ]

  • HEX : #1e9ec1
  • RGB : 30, 158, 193

 

Discord

・「ブランド

「ロゴアイコン」のダウンロード。(「svg」か「png」でダウンロード。)

 

カラーコード

[ 青紫 ]

  • HEX : #5865F2
  • CMYK : 64, 58, 0, 5

[ 緑 ]

  • HEX : #57F287
  • CMYK : 50, 0, 55, 0

[ 黄色 ]

  • HEX : #FEE75C
  • CMYK : 0, 5, 80, 0

[ 赤紫 ]

  • HEX : #EB459E
  • CMYK : 0, 90, 0, 0

[ 赤 ]

  • HEX : #ED4245
  • CMYK : 0, 90, 65, 0

[ 白 ]

  • HEX : #FFFFFF
  • CMYK : 0, 0, 0, 0

[ 黒 ]

  • HEX : #000000
  • CMYK : 35, 0, 0, 100

 

 

Facebook

・「ブランドリソース

「ロゴアイコン」や「親指アイコン」(いいね!アイコン)などのダウンロード。

 

カラーコード

  • HEX : #1877f2
  • RGB : 24, 119, 242

 

 

GitHub

・「GitHub Logos and Usage

「文字ロゴ」と「アイコンロゴ」と「キャラクター画像」のダウンロード。(「キャラクター画像」だけは「jpg」と「png」のみ。)

 

 

Google

・「ログインにおけるブランドの取り扱いガイドライン

「Googleログインのボタン画像」(「G」のアイコンが含まれる)のダウンロード。

 

・「Device Art Generator

任意のスクリーンショットをドラッグして、「Google製品でのモック埋め込み画像」の生成とダウンロード。

 

 

Hatena

・「素材集

「はてな」、「はてなブログ」、「はてなブックマーク」それぞれの「ロゴアイコン」のダウンロード。

 

カラーコード

  • HEX : #00a4de
  • RGB : 0, 164, 222

 

 

Instagram

・「Instagram Brand Resources

「ロゴアイコン」と「サンプル画像」のダウンロード。

 

 

LINE

・「LINE APP ICON GUIDELINE

「ロゴアイコン」のダウンロード。

 

カラーコード

  • HEX : #06c755
  • RGB : 6, 119, 85

 

 

note

※ noteは2022年12月21日に公式ロゴを改定。

 

・「ロゴデータ

「ロゴアイコン」のダウンロード。

 

カラーコード

[ 基本色 ]

  • HEX : #000000
  • RGB : 0, 0, 0
  • C 0 / M 0 / Y 0 / K 100

[ サブカラー ]

  • HEX : #ffffff
  • RGB : 255, 255, 255
  • C 0 / M 0 / Y 0 / K 0

 

[ 旧ロゴアイコン ]

※ 2022年12月20日以前のロゴアイコンのカラー。

  • HEX : #41c9b4
  • RGB : 65, 201, 180

 

 

Pinterest

・「Pinterest-assets

「ロゴアイコン」、「アプリ画面サンプル画像」などのダウンロード。

 

カラーコード

  • HEX : #e60023
  • RGB : 230, 0, 35

 

 

pocket

※ pocketの公式サイトでは見つからなかったので、Wikipedia上に公開されているpocketのロゴ。(pocket公式のデータなのかは不明。)

 

・「ファイル:Pocket Logo.svg

「ロゴアイコン」のダウンロード。

 

カラーコード

[ アイコンロゴ ]

  • HEX : #ef4056
  • RGB : 239, 64, 86

[ 文字ロゴ ]

  • HEX : #808285
  • RGB : 128, 130, 133

 

 

RSS

・「FEED ICONS

「フィードアイコン」のダウンロード。

 

 

SoundCloud

・「Buttons & Logos

「ロゴ」と「APIでログイン認証用のボタン」のダウンロード。(低解像度の「png」のみ。)

 

カラーコード

  • HEX : #ff5500
  • RGB : 255, 85, 0

 

 

Spotify

・「プレスキット」(日本向けプレスリリース。)

「ロゴアイコン」、「Spotify利用イメージ」、「メディア用のプレスリリース資料」などのダウンロード。(「png」のみ。)

 

・「Logo and Brand Assets」(海外向けプレスリリース。)

「ロゴアイコン」のダウンロード。おそらく上記と同素材。(「png」のみ。)

 

カラーコード

  • HEX : #1ed760
  • RGB : 30, 215, 96

 

 

TikTok

・「Logo

「ロゴアイコン」のダウンロード。

 

・「Color

「カラーパレット」のダウンロード。

 

カラーコード

[ 基本色 ]

  • HEX : #000000
  • RGB : 0, 0, 0
  • CMYK : 60, 60, 60, 100

[ 基本色 ]

  • HEX : #ffffff
  • RGB : 255, 255, 255
  • CMYK : 0, 0, 0, 0

[ サブカラー ]

  • HEX : #fe2c55
  • RGB : 254, 44, 85
  • CMYK : 0, 100, 51, 0

[ サブカラー ]

  • HEX : #25f4ee
  • RGB : 37, 244, 238
  • CMYK : 67, 0, 29, 0

 

 

Threads

・「Threads brand overview

「ロゴアイコン」のダウンロード。

 

カラーコード

[ 基本色 ]

  • HEX : #ffffff
  • RGB : 255, 255, 255

[ 基本色 ]

  • HEX : #000000
  • RGB : 0, 0, 0

 

 

Twitter

※ 2024年03月09日現在、Twitterの素材は削除されていて、すべてXの素材データに移行済み。

 

・「ブランドツールキット

「ロゴアイコン」や「タイムラインのサンプル画像」などのダウンロード。

 

カラーコード

  • HEX : #1d9bf0
  • RGB : 29, 155, 240

 

 

X

※ 2024年03月09日時点で、現行のアプリで使用されているロゴより線が少し細い旧バージョンのみ。

 

・「Brand toolkit

「ロゴアイコン」や「ポストのサンプル画像」などのダウンロード。

 

カラーコード

[ 基本色 ]

  • HEX : #ffffff
  • RGB : 255, 255, 255

[ サブカラー ]

  • HEX : #000000
  • RGB : 0, 0, 0

[ ブラウザ版で実際にロゴに適用されている色 ] (Dark色調の場合)

  • HEX : #e7e9ea
  • RGB : 231, 233, 234

 

 

YouTube

・「Brand resources

「ロゴアイコン」のダウンロード。

 

カラーコード (YouTube Red)

  • HEX : #ff0000
  • RGB : 255, 0, 0

 

 

WhatsApp

・「Brand Guidelines

「ロゴアイコン」と「スクリーンショット」のダウンロード。

 

カラーコード

  • HEX : #25d366
  • RGB : 37, 211, 102
この記事のURL

https://memo.ag2works.tokyo/post-2493/

Copyコピー
この記事のタイトル

各SNSのロゴアイコンの公式ダウンロードページとカラーコード。 | memo メモ [AG2WORKS]

Copyコピー
この記事のリンクタグ

<a href="https://memo.ag2works.tokyo/post-2493/" target="_blank" rel="noopener">各SNSのロゴアイコンの公式ダウンロードページとカラーコード。 | memo メモ [AG2WORKS]</a>

Copyコピー
※ フィールドをクリックでコピーするテキストの編集ができます。

この記事へのコメント

コメントの書き込みはまだありません。

  • コメント内のタグはエスケープ処理され、文字列として出力されます。
  • セキュリティーのため、投稿者のIPアドレスは取得されます。
  • 管理者が内容を不適切と判断したコメントは削除されます。
  • このフォームにはスパム対策として、Googleの提供するreCAPTCHAシステムが導入されています。
    (Google Privacy Policy and Terms of Service.)