AWS シンプルアイコン(全52種類)の覚え方まとめ

# TL;DR
AWSのアイコンが多すぎてよく間違えるので、覚え方をまとめました。

# はじめに
## 背景
AWSは度重なるアップデートによりサービス供給量が半端無いので、初心者がWebコンソールにログインした瞬間に、サービスがありすぎて面食らうことが少なからずあります。

AWSのWebコンソールでは、そんな多種多様なサービスへのアクセスを容易にするため、ツールバーにショートカットアイコンを配置することができます。

ですが、いろいろなサービスを触っているとあれもこれも追加したくなり、気がついた時にはツールバー一杯にショートカットが配置されていることになりかねません。

（こんな感じ）
<img width="895" alt="スクリーンショット 2015-12-01 15.16.16.png" src="https://qiita-image-store.s3.amazonaws.com/0/18114/ff5fd3c7-178a-e31c-8e93-bd90a0ff654a.png">

せっかくサービスを認知させるためのアイコンなのに、アイコン多すぎてうまく使えてない！

## まとめてみる
そんな背景があり、せっかくなのでサービスのアイコンについて、おさらいがてら覚え方をまとめてみることにしました。

対象は、現時点(2015/12/02)でWebコンソールのHomeに表示されている52種類のアイコンになります。

アイコンは[公式](https://aws.amazon.com/jp/architecture/icons/)から「SVG 形式および EPS 形式」を取得して、バージョンは`AWS_Simple_Icons_v15.10.2` を使いました。

# ツールバーに配置できるアイコン(全52種類) まとめ

## EC2
![Compute_AmazonEC2.png](https://qiita-image-store.s3.amazonaws.com/0/18114/4ff8fc9b-5052-5c14-84b8-de2f2f26a5fd.png)　←長方形をインスタンスに見立てる。
一番よく使うアイコン。オレンジの四角をインスタンスに見立て、複数枚並べることで簡単にスケールできるというイメージで覚えます。

## EC2 Container Service
![Compute_AmazonEC2ContainerService.png](https://qiita-image-store.s3.amazonaws.com/0/18114/a84bd8c5-13ba-b057-4e0c-f5899d5e10b5.png)　←小さい立方体をコンテナに見立てる。
オレンジの枠をコンテナのホストに見立て、その中に４つのコンテナが動いているイメージです。

## Elastic Beanstalk
![Compute_ElasticBeanstalk.png](https://qiita-image-store.s3.amazonaws.com/0/18114/0644acdc-2e16-fc1d-60bd-b2d5b0cad458.png)　←Route53に似ているが、実は上下で分かれている。
ジャックと豆の木の[アレ](https://www.google.co.jp/search?q=%E3%82%B8%E3%83%A3%E3%83%83%E3%82%AF%E3%81%A8%E8%B1%86%E3%81%AE%E6%9C%A8&tbm=isch)ですね。本当は緑のアイコンのほうが覚えやすいのですが、コンピューティングの分類なのでオレンジです。

## Lambda
![Compute_Lambda.png](https://qiita-image-store.s3.amazonaws.com/0/18114/052e4cd0-69a5-47ad-e84a-99781092f057.png)　←実行ボタンがついているのが特徴。
Functionベースのコンピューティングリソースなので、実行(再生?)ボタンで何度も呼ばれることをイメージさせるアイコンになっています。

## S3
![StorageContentDelivery_AmazonS3.png](https://qiita-image-store.s3.amazonaws.com/0/18114/b6be9992-2fcf-13c5-ed33-ebc52c8139e3.png)　←いたるところで多用されるので、自然に覚えるはず。
EC2やRDSと並ぶ、AWSの横綱アイコン。このアイコンをベースにGlacierもデザインされているように見えるので、関連させて覚えておくのもいいですね。

## CloudFront
![StorageContentDelivery_AmazonCloudFront.png](https://qiita-image-store.s3.amazonaws.com/0/18114/5c403fea-e4ca-02c1-88bd-e1ab20cc74d6.png)　←エッジとバックエンドで対になるオブジェクトがあるイメージ。
上側をエッジロケーション、下側をバックエンドに見立てて、それぞれにオブジェクトが存在するイメージで覚えました。

## Elastic File System
![StorageContentDelivery_EFS.png](https://qiita-image-store.s3.amazonaws.com/0/18114/3ce5ede6-575d-d509-bcb7-2498203171e1.png)　←赤アイコンの中でもっとも細かいのが特徴。
ピラミッド型にブロックが積み上がっているイメージで覚えます。

## Glacier
![StorageContentDelivery_AmazonGlacier.png](https://qiita-image-store.s3.amazonaws.com/0/18114/55634fec-134f-f031-1e89-0020b24bb66d.png)　←S3で分割されていた中央のブロックが結合されています。
ほとんどS3のアイコンとデザインが変わりませんが、中央に3つあったブロックが結合されています。

## Imaport/Export Snowball
![StorageContentDelivery_Snowball.png](https://qiita-image-store.s3.amazonaws.com/0/18114/d76205ce-2210-d4bc-253d-92d9b892601e.png)　←データを上下から挟み込んで守っているイメージ。
氷結シリーズ(Glacierとか)からのSnowballです。
真ん中の立方体をデータに見立て、周りからガッチリ守っている感じでしょうか。

## Storage Gateway
![StorageContentDelivery_AmazonStorageGateway.png](https://qiita-image-store.s3.amazonaws.com/0/18114/6c80a4b9-38f1-15ac-cd41-bd801786dff2.png)　←Gatewayだけに門のイメージ。[赤門](https://www.google.co.jp/search?q=%E8%B5%A4%E9%96%80&tbm=isch)です。
Gatewayだけに門のイメージ。広島の[宮島](https://www.google.co.jp/search?q=%E5%AE%AE%E5%B3%B6&tbm=isch)や、東大の[赤門](https://www.google.co.jp/search?q=%E8%B5%A4%E9%96%80&tbm=isch)などと結びつけると覚えやすいかもしれません。

## RDS
![Database_AmazonRDS.png](https://qiita-image-store.s3.amazonaws.com/0/18114/69b8c2af-a0bd-e101-c929-4017d811cfe4.png)　←データベースに見立てる
青(データベース)系アイコンでもっともシンプルかつ、よく使うであろうアイコンです。見た目もデータベースまんまですね。

## DynamoDB
![Database_DynamoDB.png](https://qiita-image-store.s3.amazonaws.com/0/18114/95660509-0f83-5180-94b9-16067009dafa.png)　←RDSに溝を入れる
RDSに溝を入れるとDynamoDBになります。RDSからの変化形として覚えやすいです。

## ElastiCache
![Database_AmazonElasticCache.png](https://qiita-image-store.s3.amazonaws.com/0/18114/a04f9a90-0c14-b2b3-f9ff-19bf27d0846e.png)　←Valueが一つ入っているイメージ
上下に挟まれた立方体をValueに見立てて、key/valueな取得イメージをアイコンに重ねて覚えます。

## Redshift
![Database_AmazonRedShift.png](https://qiita-image-store.s3.amazonaws.com/0/18114/18de0cf6-295b-4a97-d4e8-119e4e7cfdcc.png)　←データベースが壁に囲まれているイメージ
これもRDSアイコンからの派生で、`列指向ストレージ`と`縦に伸びる壁`をひも付け、壁に囲まれたデータ・ウェアハウスとしてイメージします。

## VPC
![Networking_AmazonVPC.png](https://qiita-image-store.s3.amazonaws.com/0/18114/024bd784-66db-1c5a-2fb8-4a5ea20e17ac.png)　←十文字にセパレートしているのはVPCだけ。
上下左右に分離し、プライベートな空間に隔離されているということを特徴的に示しているように見えるアイコンです。上半分の門のような部分は、オンプレミスとの結合も可能ということを示しているようにも見えます。

## DirectConnect
![Networking_AWSDirectConnect.png](https://qiita-image-store.s3.amazonaws.com/0/18114/84ed65a0-1b8b-720f-fa74-14930c3d5f6f.png)　←真ん中のぶっとい柱が特徴。
上下をがっちりつなぐ太い柱をAWSとオンプレをつなぐ専用線に見立ててイメージします。

## Route53
![Networking_Route53.png](https://qiita-image-store.s3.amazonaws.com/0/18114/4bed80f3-0480-e5da-5cb3-85bf453b95dc.png)　←上部の2つの突起をDNSレコードに見立て標識をイメージ。
Elastic Beanstalkに似ていますが、こちらは柱が一本です。

## CodeCommit
![DeploymentManagement_AWSCodeCommit.png](https://qiita-image-store.s3.amazonaws.com/0/18114/5a1916a6-6b32-ef4a-d838-eaf7731d4b1f.png)　←凹型の横配置はこのアイコンだけです。
CodeCommitの”C”を直接的に表現しているように見えます。覚えやすいですね。

## CodeDeploy
![DeploymentManagement_CodeDeploy.png](https://qiita-image-store.s3.amazonaws.com/0/18114/023ce279-9fbd-acfa-d645-767371a062dd.png)　←左から右（複数インスタンス）にデプロイされるイメージ
左のボードをデプロイ設定に、右側をデプロイ先(Agent)に見立てて覚えます。
デプロイに特化で、CIのように色々やらないのでシンプルなアイコンです。

## CodePipeline
![DeploymentManagement_CodePipeline.png](https://qiita-image-store.s3.amazonaws.com/0/18114/0b4b5990-20aa-e286-0bed-5d2031e551be.png)　←Pipelineが右に左に走っているイメージ。
CIは様々なことをやるので多少複雑な形のアイコンです。CodeDeployと対比して覚えます。

## CloudWatch
![ManagementTools_CloudWatch.png](https://qiita-image-store.s3.amazonaws.com/0/18114/4dbf40b8-d0f9-9275-f3a9-f4135b93f337.png)　←メトリクスを彷彿させるアイコンが特徴的です
長さの違う板がメトリクスを表しているように見えれば、直感的に覚えやすいアイコンだと思います。

## CloudFormation
![ManagementTools_CloudFormation.png](https://qiita-image-store.s3.amazonaws.com/0/18114/3014d250-8e18-6de9-5003-c63f72032f51.png)　←建物のスケルトンに見立てる
アイコンを、建物のスケルトンに見立て、設計図(json)から組み上がるようなイメージで覚えます。

## CloudTrail
![ManagementTools_CloudTrail.png](https://qiita-image-store.s3.amazonaws.com/0/18114/7c623cd1-6c4f-f21b-c6cd-eda90aea6122.png)　←オペレーションのログが過去に流れていくイメージ
左奥を過去に見立て、ユーザのオペレーションログを遡って確認できるイメージです。

## Config
![ManagementTools_Config.png](https://qiita-image-store.s3.amazonaws.com/0/18114/5bb7c405-e884-a070-7ef1-cd10e919cdf9.png)　←リソースの変更履歴を上部のブロックに見立てます
アイコン下部をリソースインベントリに見立て、真ん中をAWS Configを通ることで、変更履歴が上部に溜まっていくイメージです。

## OpsWorks
![ManagementTools_OpsWorks.png](https://qiita-image-store.s3.amazonaws.com/0/18114/f36e7e9c-207e-7e3c-9661-e6edbd39edc1.png)　←V字型のアイコンが特徴
OpsWorksといえばChefですね。Chefがknifeで野菜(緑のアイコン)をぶった切っているイメージです。シンプルに覚えるなら、V字型のアイコンはOpsWorksだけなのでそう覚えてもいいと思います。

## Service Catalog
![ManagementTools_ServiceCatalog.png](https://qiita-image-store.s3.amazonaws.com/0/18114/600d4b60-31bb-9b83-6e58-863cda17d3ee.png)　←[パルテノン神殿](https://www.google.co.jp/search?q=%E3%83%91%E3%83%AB%E3%83%86%E3%83%8E%E3%83%B3%E7%A5%9E%E6%AE%BF&tbm=isch)にしか見えない
[パルテノン神殿](https://www.google.co.jp/search?q=%E3%83%91%E3%83%AB%E3%83%86%E3%83%8E%E3%83%B3%E7%A5%9E%E6%AE%BF&tbm=isch)で、ITサービスのカタログ化で集中管理が行われていたというイメージ。

## Trusted Advisor
![SecurityIdentity_TrustedAdvisor.png](https://qiita-image-store.s3.amazonaws.com/0/18114/aab5bb37-90d2-df3c-a64f-dec65127239b.png)　←人っぽく見えるのはこのアイコンだけ。
アイコンを一番身近な信頼できる人に見立てて覚えます。

## IAM
![SecurityIdentity_IdentityAccessManagement.png](https://qiita-image-store.s3.amazonaws.com/0/18114/de58b52a-63f8-daae-e881-b1e3263e61eb.png)　←鍵のアイコンが特徴的
個人的には、緑で一番活用するアイコンです。鍵のマークはセキュリティを彷彿させるので覚えるのは簡単です。

## Directory Service
![SecurityIdentity_DirectoryService.png](https://qiita-image-store.s3.amazonaws.com/0/18114/b624cdac-6418-42d2-db4c-63cbc8154b36.png)　←[パックマンの敵](https://www.google.co.jp/search?q=%E3%83%91%E3%83%83%E3%82%AF%E3%83%9E%E3%83%B3%E3%81%AE%E6%95%B5&tbm=isch)が並んでいるイメージ
アイコン上部の[パックマンの敵](https://www.google.co.jp/search?q=%E3%83%91%E3%83%83%E3%82%AF%E3%83%9E%E3%83%B3%E3%81%AE%E6%95%B5&tbm=isch)にしか見えません。パックマンの敵はひとりひとりがDirectoryServiceで管理されているというような覚え方をしました。

## Inspector
（※Inspectorはダウンロードしたファイルの中にアイコン画像がなかったので自分でキャプチャしてます）
<img width="83" alt="スクリーンショット 2015-12-01 10.48.50.png" src="https://qiita-image-store.s3.amazonaws.com/0/18114/7ee4d59f-573b-bd9f-72a5-a318d047dc29.png">　←WAFのアイコンがむき出しになっているイメージです

WAFのアイコンと対比しWAFから壁を取り除いたものと覚えるのがいいと思います。

## WAF
![SecurityIdentity_WebAppFirewall.png](https://qiita-image-store.s3.amazonaws.com/0/18114/1da84597-e2cb-a72f-f4f0-2fe3bfdff1f3.png)　←外側下半分の壁を城壁のように見立てる
外側の下半分を壁として見立てて、外部からの攻撃を守っているイメージで覚えます。

## EMR
![Analytics_AmazonEMR.png](https://qiita-image-store.s3.amazonaws.com/0/18114/22d6935e-8e57-b7ac-8f85-d3022f6f62ac.png) ←上はコアノードに、下をタスクノードに見立てる。
上をマスターノードに見立てる場合は、下はコアノードとタスクノードが混在しているイメージですね。余談ですが、初見で「くらげ」に見えたのでアイコン的には ”オレンジのクラゲ” で覚えています。ちなみに、Device Farmも同様にクラゲのような形でこっちは ”紫のクラゲ” です。

## DataPipeline
![Analytics_DataPipeline.png](https://qiita-image-store.s3.amazonaws.com/0/18114/3c3747bc-8cff-7d3a-fd61-d4a08556451f.png)　←Pipelineを経てデータが変形していくイメージ。
一枚一枚をデータと見立て、Pipelineでの処理によってデータが変形していくようなイメージで覚えます。

## Elasticsearch Service
![Analytics_AmazonElasticsearch.png](https://qiita-image-store.s3.amazonaws.com/0/18114/6f5fe6e8-477b-7815-ba66-5cbfacedb9c4.png)　←穴が開いているオレンジアイコンで余計な装飾なし。
これが出た時は、全文検索エンジンとして、CloudSearch同様にアプリケーションサービスに分類されるのかと思っていましたが、本家で謳う`Search & Analyze Data in Real Time`の理念の後半部分にフォーカスし、分析系サービスに分類されてオレンジ色のアイコンになっています。

## Kinesis
![Analytics_Kinesis.png](https://qiita-image-store.s3.amazonaws.com/0/18114/31bbc5df-0cd5-2268-bafd-173e12927acc.png)　←上から流れてくるデータを下でストリーム化しているイメージ。
上部はランダムなソースからくるデータレコードと見立て、下部でそのデータをシーケンシャルなストリームとして変換しているようなイメージで覚えます。

## Machine Learning
![Analytics_AmazonMachineLearning.png](https://qiita-image-store.s3.amazonaws.com/0/18114/067881f1-6dd0-6b4c-7ee6-68198a467c4e.png)　←全アイコンの中でも下部のゴチャゴチャ感はTOPレベル。
上から下へ流れる感じで、上部を大量のデータ、中央を特徴の抽出、下部を推論モデルの生成に見立てます。「教師なし学習」的なイメージですね。

## AWS IoT
![InternetOfThings_AWS-IOT.png](https://qiita-image-store.s3.amazonaws.com/0/18114/339cd5f8-3b10-0bfc-0946-e4a9b4dd300f.png)　←アイコン上半分を多数のデバイスに見立てる
データベース系以外で青アイコンなのはIoTだけです。アイコン上半分を多数のデバイスに見立てて覚えます。

## Mobile Hub
![MobileServices_AWSMobileHub.png](https://qiita-image-store.s3.amazonaws.com/0/18114/e412c073-62e8-6781-fd6b-c8e22f75b9b9.png) ←多色アイコンはこれだけ
形も特徴的ですが、3色用いられている唯一のアイコンなので覚えやすいです。

## Cognito
![MobileServices_Cognito.png](https://qiita-image-store.s3.amazonaws.com/0/18114/b4ba4f68-86f7-cd54-8341-d85d7c59fe30.png)　←中央にブロックを切り出したようなアイコン
真ん中のブロックをユーザのデータに見立て、複数デバイスからでも同じデータにアクセスできるように覚えます。

## Device Farm
![MobileServices_DeviceFarm.png](https://qiita-image-store.s3.amazonaws.com/0/18114/2d5112f5-e3b5-dbb6-ab39-d9589d38d9a6.png)　←紫のクラゲっぽいイメージ
EMRに形が似ているアイコンですが、色がモバイル分類なので区別できます。下半分のひとつひとつをデバイスとして見立ててもいいですね。

## Mobile Analytics
![MobileServices_MobileAnalytics.png](https://qiita-image-store.s3.amazonaws.com/0/18114/f5b6de3c-d7b3-861c-a6a3-efd5d59e1337.png)　←分析結果のグラフっぽい見た目
特徴は上部の板です。一枚の板が折り曲がっているような表現をアイコンにつかっているのはこのサービスだけです。

## SNS
![MobileServices_SNS.png](https://qiita-image-store.s3.amazonaws.com/0/18114/84c20802-3de7-d8b4-b90e-08f56d2ef4c4.png)　←アイコン自体がメッセージの形をしています
見たまんまメッセージなので、簡単に覚えられますね。

## API Gateway
![ApplicationServices_APIGateway.png](https://qiita-image-store.s3.amazonaws.com/0/18114/ccdf34fa-65b8-4e2a-aaab-08bd99744336.png)　←さまざまなバックエンドにリクエストを流すイメージ。
Gatewayだけど門っぽくないアイコン。中央の棒をゲートウェイに、小さなブロックをサービス（バックエンド）に見立てて、ゲートウェイを通じてリクエストを適切に流すイメージです。

## AppStream
![ApplicationServices_AppStream.png](https://qiita-image-store.s3.amazonaws.com/0/18114/c858c3a1-2976-f578-0c90-24b4f6a64ca9.png)　←アプリケーションが配信されるイメージ。
真ん中の細いブロックをアプリに見立て、上から下に向かってアプリケーションが次から次へと配信されているようなイメージで覚えます。

## CloudSearch
![ApplicationServices_AmazonCloudSearch.png](https://qiita-image-store.s3.amazonaws.com/0/18114/cd7e3794-26df-cb02-fa78-decd6a5dcf98.png)　←[A9](http://a9.com/whatwedo/cloudsearch/)の "9" として見立てる
CloudSearchは、もともと[A9](http://a9.com/whatwedo/cloudsearch/)という会社で作られているらしいです。そこでA9の "9" をアイコンに見立てて、CloudSearchとして覚えます。

## ElasticTranscoder
![ApplicationServices_AmazonElasticTranscoder.png](https://qiita-image-store.s3.amazonaws.com/0/18114/1a4cedfe-676a-9e46-5c2b-40e83120d191.png)　←小さいブロックをメディアとして見立てる
上から大量の動画が流れてきて、Transcoderを通過することで、動画が様々なサイズに変換されるイメージで覚えました。

## SES
![ApplicationServices_AmazonSES.png](https://qiita-image-store.s3.amazonaws.com/0/18114/abdfe2d7-4189-2ba5-b547-48c8a1e9d04b.png)　←見たまんまメール
シンプルにメールを彷彿させるアイコンので、一瞬でわかりますね。

## SQS
![ApplicationServices_AmazonSQS.png](https://qiita-image-store.s3.amazonaws.com/0/18114/911481c4-078e-ee30-c16f-9156bb782ec0.png)　←真ん中をQueueに、周りをWorkerに見立てる
複数のQueueをポーリングするWorkerが挟み込んでいるように見えます。

## SWF
![ApplicationServices_AmazonSWF.png](https://qiita-image-store.s3.amazonaws.com/0/18114/12852d0e-521a-2da8-b1ef-caad026149eb.png)　←ElasticSearchと対称的な見た目
ElasticSearchと対称的な見た目です。一枚の板をワークに見立て、右奥に向かって処理を実行していくイメージです。

## Enterprise系 ( WorkSpaces, WorkDocs, WorkMail )
![AmazonWorkSpaces.png](https://qiita-image-store.s3.amazonaws.com/0/18114/eb3d8045-1d86-6d67-bbbb-6f54234e6e72.png)　←特徴的な六角形に、クライアント環境が入っているイメージ
![AmazonWorkDocs.png](https://qiita-image-store.s3.amazonaws.com/0/18114/cf70913f-44db-10a5-c832-b17148facc50.png)　←特徴的な六角形に、書類が入っているイメージ
![AmazonWorkMail.png](https://qiita-image-store.s3.amazonaws.com/0/18114/da4747b4-86df-3f2e-14f6-3b8938121539.png)　←特徴的な六角形に、メールが入っているイメージ

多用されているオレンジ色のアイコンですが、Enterprise系サービスはアイコンのクリエイティブがフラットになります。その分他のアイコン郡と区別しやすいので、まるっとまとめてしまいました。

# まとめ
だいぶ強引でしたが、なんとか全アイコンに関してまとめることができました。

似たり寄ったりなアイコンが多く自分的にはよく間違えることが多かったのですが、この記事をまとめてから、以前より感覚的にアイコンが理解できるようになりました。

見分け方のコツとしては、どの色にどんなサービスが配置されているのかをざっくり理解して、色 → アイコンの形 の流れで絞るのが良いと思います。

この記事をまとめるにあたって、実はダウンロードしたアイコン画像(.png)のサイズが統一されてなかったり、アイコンの分類/粒度としてサービスとして定義されているがWebコンソールのツールバーにいないものがあったりする（SimpleDB、Key Management Service、CloudHSMなど）ことがわかったのも発見でした。

あと、ここまで書いといてなんですが、ツールバーのアイコンはマウスオーバーすれば2〜3秒でサービス名が表示されますので、覚えなくても別に大丈夫です。

これからもどんどんサービスが増えていくについて、アイコンが増えていくと思いますが、しっかり区別して「おっと、間違えた」を少なくできたら良いですね。


アイコンのダウンロードは公式サイトから。
https://aws.amazon.com/jp/architecture/icons/