【厳選!】アプリ開発の参考に!おしゃれなアイコンやロゴまとめ10選

アプリ開発に役立つアイコンやロゴをまとめているサイトを紹介します!どのアプリにも使えるように珍しいアイコンも多くとてもおしゃれです。今回紹介しているものは、ほとんど無料で使えますので、ぜひ試してみましょう。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

アプリを開発し、リリースさせるとなると必ず必要になってくるものが「アイコン」です。人に使ってもらうアプリであれば、見た目の心地よさは重要な要因になってきます。特にアイコンは、スマホのトップ画面に表示されるものです。

最近では、海外のデザイナーが作成したフリーで使えるアイコンの素材も多いので、ぜひチェックしておきましょう。

具体的にXcodeを使ってアイコンを編集する場合は、XcodeでiPhoneアプリのアイコン画像を変える方法をご覧ください。

 

なお本記事は、TechAcademyのUI/UXデザインオンラインブートキャンプの内容をもとに紹介しています。

 

1. Icon Drop

スクリーンショット 2016-04-06 16.47.20

iPhone/iPadアプリのおしゃれなアイコンをまとめているサイトです。普段から使っているアプリでもアイコンのデザインを細かく見る人は少ないでしょう。自分でアイコンを作成する上でも役に立つサイトなので、ぜひ参考にしてみてください。

Icon Drop

 

2. Instant Logo Search

スクリーンショット 2016-04-06 17.00.48

有名企業のロゴを検索、ダウンロードできる便利サイトです。ロゴは、アプリの中でどのページにも出てくるほど重要なものです。個人で開発するアプリであれば、ロゴを発注するほどお金はかけられません。とはいえ、初めてロゴを作る人からしたら難しいものです。

海外のサイトなので、海外のロゴが多いですがロゴ作成で勉強になりますね。

Instant Logo Search

 

[PR] スマホアプリの開発で挫折しない学習方法を動画で公開中

3. 60 Vector Line Icons

スクリーンショット 2016-04-06 16.48.19

ここからはDribbbleなどに個人で挙げているものを紹介していきます。

天気や家具など日常的に使っているものを素材にしたアイコンが多くあります。

60 Vector Line Icons

 

4. Free Line Business Icon

スクリーンショット 2016-04-06 17.26.47

ビジネス向けのアプリに活用できるアイコンが多いです。シンプルなものが多いですが、ニュアンスは的を射てる感じがしますね。自分で一から作ろうとすると大変なので、参考にしてみてください。

Free Line Business Icon

 

5. Chic Female Icons

スクリーンショット 2016-04-06 16.50.24

女性のファッションに関するアイコンをまとめています。丸みを帯びたアイコンが多く柔らかい印象を与えるでしょう。こういった細かい部分に関しては女性の方が敏感です。よりアプリを使っていて心地よいと思ってもらうためには、機能や画面遷移だけでなくアイコンなどにも気を配ることが大事でしょう。

Chic Female Icons

 

6. Tourism Icon Pack

スクリーンショット 2016-04-06 16.50.53

こちらは旅行に関するアイコンをまとめています。訪日外国人も増えてきていて、外国人へのサービス提供も活発化しています。言葉で示すよりもこういったアイコンで表現した方がユーザーも分かりやすいでしょう。

数も多いので、旅行系のアプリを作ろうと思っている人はぜひ参考にしてみてください。

Tourism Icon Pack

 

7. 450 Simple Line Icons

スクリーンショット 2016-04-06 16.51.23

記号を表すようなシンプルなアイコンをまとめています。位置情報や電波のマークなどあまり目にはつかないものかもしれませんが、細部にまでこだわりたい人にはおすすめでしょう。

友達にも自慢できるアプリが完成するはずです!

450 Simple Line Icons

 

8. Hexagon Android Icon Set

スクリーンショット 2016-04-06 16.52.01

すでにあるアプリのアイコンをポリゴン風にしているサイトです。なかなか自分では作れないほどクオリティの高いものが揃っています。こういったのを参考に自分オリジナルのアイコンを作ってみても面白いと思います。

Hexagon Android Icon Set

 

9. Card Icons 2.0 Free

スクリーンショット 2016-04-06 16.52.20

クレジットカードに関するアイコンが並べられています。特におしゃれというものは無いかもしれませんが、アプリ内で決済システムを利用する場合はかならず必要になってくるでしょう。Webサイトでも利用できるので、とても実用的ですね。

Card Icons 2.0 Free

 

10. 3000 icons for iOS9

スクリーンショット 2016-04-06 16.52.44

このサイトのみ有料ですが、量・質ともにとてもクオリティが高いので紹介しています。

3000個という非常に多くのアイコンを利用することができます。また、iOS9と最新のバージョンに合わせて利用できるようになっているので、iPhoneアプリを開発したいという人はぜひ使ってみてください。

これ1つで十分と言えるほどアイコンの種類は揃っているでしょう。

3000 icons for iOS9

 

いかがだったでしょうか。

一部有料のサイトもありましたが、無料とは思えないクオリティのアイコンを使用することができます。アプリ開発する中で用意されているオブジェクトだけでは不十分に感じることがあるでしょう。

アプリ自体のアイコンもとても重要ですし、アプリ内で表示されているアイコンも気を配る必要があります。どこまで拘っても正解が出るものではありませんが、パッと見て「良い!」と思ってもらうために素敵なアイコンを選んでみてください。

[お知らせ]TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役UI/UXデザイナーのサポートで学びたい場合はご参加ください。