プロダクトアイコン・ロゴのガイドラインまとめ

## はじめに
発表資料などで他社サービスロゴを入れるにあたり、ガイドラインが知りたかったので、自分用にまとめていきます。
必要に応じて随時更新していきます。

サイズの改変禁止や背景色の指定をしている会社もあるので、規約には十分の注意が必要です。
(なので、基本的には用意されているものをそのまま使うよう心がけた方が良いでしょう)

ここでまとめているのは2021年2/14時点のものですので、**最新のガイドラインを確認することをおすすめします**

## [Twitter](https://about.twitter.com/en/who-we-are/brand-toolkit)
![Twitter social icons - circle - blue.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/252277/27b9ed5a-3266-23a6-110e-deb314cdba70.png)

サイト新しくなったっぽいですね。公式のBrand-toolkit日本語版はちょっと見当たらなかった。

上記からたどったガイドラインは[こちら](https://about.twitter.com/content/dam/about-twitter/en/brand-toolkit/downloads/twitter-external-brand-guidelines-01272021.pdf)
図入りで細かくサイズや背景の指定をしているのでご注意ください。

## [Kubernetes](https://github.com/kubernetes/kubernetes)
![](https://raw.githubusercontent.com/cncf/artwork/master/projects/kubernetes/horizontal/color/kubernetes-horizontal-color.png)

まずkubernetesのガイドラインは[こちら](https://github.com/kubernetes/kubernetes/blob/master/logo/usage_guidelines.md)にあります。Linux Foundationに従うんですね。
ロゴのガイドラインは[こちら](https://github.com/cncf/artwork/tree/master/projects/kubernetes)にもありますね。ロゴの話についてはこちらの方がわかりやすいです。

>horizontal (also known as landscape format), stacked (which is closer to square), and icon (which does not include the name and is square), and 5 versions (color/black/white/all blue/and blue with white text). 

こんな形、色ですよって話をしているのでその辺の改変は当然いけないですが、サイズについての言及は特にないですね。

kubernetes内の機能に関するiconは[こちら](https://github.com/kubernetes/community/tree/master/icons)にあります。
色の指定があるだけで気軽に使える、非公式ライブラリだそうです。

## [Docker](https://www.docker.com/)

![](https://www.docker.com/sites/default/files/d8/2019-07/Moby-logo.png)

ロゴは[こちら](https://www.docker.com/company/newsroom/media-resources)です。ガイドラインは[trademark-guidelines](https://www.docker.com/legal/trademark-guidelines)にあります。

公式からダウンロードしてね。勝手に作ったり修正したらだめだよ。って基本的なことが記載されています。
また、Educational and Informational Purposesで教育や、Docker技術を説明のために使われるかも。それ以外は以下の規約を満たしてねって話でした。
ということはこういった資料に使う際は、公式からダウンロードした画像は好きに使えそう

>The Docker mark is used only in a referential context or for naming Docker or to indicate compatibility, and not in a title of a program, domain name, website, product or service
The use must not falsely imply or suggest a sponsorship or endorsement by, a license from, or a partnership or affiliation with Docker.
Any printed or online materials relating to the program must include proper attribution statements, registration symbols such as ® or © as appropriate, and a trademark notice statement in a form that we provide or approve.

## [MongoDB](https://www.mongodb.com/)

![](https://cdn-assets-cloud.frontify.com/s3/frontify-cloud-files-us/eyJwYXRoIjoiZnJvbnRpZnlcL2FjY291bnRzXC9hMVwvMzAwNzdcL3Byb2plY3RzXC8xOTc5MDRcL2Fzc2V0c1wvNGZcLzMzMzIxNDlcLzQzZmY1N2FiNzg5N2VmNTNjYjMxZTA0ZTQxNWNlNjY0LTE1NjIxMDMwOTQucG5nIn0:cloud:byMztToShOs4OkBJZgEkBQFLMHN8a-0fuC4rLEAnd34?width=2400)

ダウンロードリンク及びガイドラインは[Brand Resources](https://www.mongodb.com/brand-resources)にあります。

>Do not rotate the MongoDB logo.
Do not change the color of the MongoDB logo.
Do not distort the MongoDB logo - be sure to scale proportionately.
Allow an appropriate amount of white space around the MongoDB logo, at least as much as the x-height of the logo (suggested).

この辺は画像をそのまま利用して拡大縮小する分には問題ないですね。空白の条件あるので注意です。

>Preferred minimum size for the MongoDB logo is 100px wide. For smaller sizes, you must seek permission from the MongoDB marketing team.

最小サイズは100pxまでです。ご注意ください

## [PostgresSQL](https://www.postgresql.org/)

![](https://www.postgresql.org/media/img/about/press/slonik_with_black_text_and_tagline.gif)

ガイドラインは[こちら](https://www.postgresql.org/about/policies/trademarks/)です。ロゴも同じ場所に

追加していい文字の記載があるのが面白いですね。

>Particularly if these uses are commercial in nature, we encourage you to present the marks with Postgres, PostgreSQL or the Elephant Logo (Slonik) followed by the ® symbol wherever practicable. If you use the outline version of Slonik, this should be followed by the ™ symbol.
Wherever possible, include the line: Postgres, PostgreSQL and the Slonik Logo are trademarks or registered trademarks of the PostgreSQL Community Association of Canada, and used with their permission.

また、ロゴの商用利用は禁止されてます。

文字入りは[こちら](https://www.postgresql.org/about/press/presskit13/ja/)にありました。

## [nginx](http://nginx.org/)
![](https://www.nginx.co.jp/wp-content/themes/nginx-new/assets/img/NGINX-Logo-White-Endorsement-RGB.svg)

nginx、[F5社](https://www.f5.com/ja_jp/solutions)によって買収されているそうですね。
OSSとしてのnginxは[BSDライセンス](https://nginx.org/LICENSE)でした。F5社でガイドラインは[こちら](https://www.f5.com/pdf/f5/f5-nginx-creative-guidelines.pdf)に発見。

0.5インチ以下の場合だけThe registration mark and Endorsement Lineが削除可能とのこと

>The registration mark and Endorsement Line should
only be removed when used at a size that is smaller
than .5” for print or digital.

ロゴは[こちら](https://assets.adobe.com/public/5ea70229-6b81-4a99-4164-c9b94fdc471b)

## [etcd](https://etcd.io/)
![](https://github.com/etcd-io/etcd/blob/master/logos/etcd-horizontal-color.png?raw=true)
key-value管理ができる[Apache 2.0 license](https://github.com/etcd-io/etcd/blob/master/LICENSE)のOSSです。

他にガイドライン的な記載は特にみなかったけど、"Source"にはdocumentも含まれるので、iconも適用されると思われます。

>"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.

## [React](https://ja.reactjs.org/)

ロゴに関する議論をしている[issue](https://github.com/facebook/react/issues/12570)を発見。
ライセンスは[CC-BY-4.0](https://github.com/reactjs/reactjs.org/blob/master/LICENSE-DOCS.md)です。

ロゴ自体が見つからん

ソースコードは[こちら](https://github.com/facebook/react)。

## 参考
[資料で使う技術/プロダクトロゴのリンク集](https://qiita.com/tkit/items/932316c5f5f7b162b61e)