#053
posted on 2021.08.31 Tue

各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製品のモック画像」のダウンロード。

 

 

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 : 250, 250, 250
  • 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

 

 

Twitter

・「Brand toolkit

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

 

カラーコード

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

 

 

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/

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

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

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

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

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

この記事へのコメント

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

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