【厳選！】アプリ開発の参考に！おしゃれなアイコンやロゴまとめ10選
アプリ開発に役立つアイコンやロゴをまとめているサイトを紹介します！どのアプリにも使えるように珍しいアイコンも多くとてもおしゃれです。今回紹介しているものは、ほとんど無料で使えますので、ぜひ試してみましょう。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
アプリを開発し、リリースさせるとなると必ず必要になってくるものが「アイコン」です。人に使ってもらうアプリであれば、見た目の心地よさは重要な要因になってきます。特にアイコンは、スマホのトップ画面に表示されるものです。
最近では、海外のデザイナーが作成したフリーで使えるアイコンの素材も多いので、ぜひチェックしておきましょう。
具体的にXcodeを使ってアイコンを編集する場合は、XcodeでiPhoneアプリのアイコン画像を変える方法をご覧ください。
なお本記事は、TechAcademyのUI/UXデザインオンラインブートキャンプの内容をもとに紹介しています。
1. Icon Drop
iPhone/iPadアプリのおしゃれなアイコンをまとめているサイトです。普段から使っているアプリでもアイコンのデザインを細かく見る人は少ないでしょう。自分でアイコンを作成する上でも役に立つサイトなので、ぜひ参考にしてみてください。
2. Instant Logo Search
有名企業のロゴを検索、ダウンロードできる便利サイトです。ロゴは、アプリの中でどのページにも出てくるほど重要なものです。個人で開発するアプリであれば、ロゴを発注するほどお金はかけられません。とはいえ、初めてロゴを作る人からしたら難しいものです。
海外のサイトなので、海外のロゴが多いですがロゴ作成で勉強になりますね。
[PR] UI/UXデザインで挫折しない学習方法を動画で公開中
3. 60 Vector Line Icons
ここからはDribbbleなどに個人で挙げているものを紹介していきます。
天気や家具など日常的に使っているものを素材にしたアイコンが多くあります。
4. Free Line Business Icon
ビジネス向けのアプリに活用できるアイコンが多いです。シンプルなものが多いですが、ニュアンスは的を射てる感じがしますね。自分で一から作ろうとすると大変なので、参考にしてみてください。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
5. Chic Female Icons
女性のファッションに関するアイコンをまとめています。丸みを帯びたアイコンが多く柔らかい印象を与えるでしょう。こういった細かい部分に関しては女性の方が敏感です。よりアプリを使っていて心地よいと思ってもらうためには、機能や画面遷移だけでなくアイコンなどにも気を配ることが大事でしょう。
6. Tourism Icon Pack
こちらは旅行に関するアイコンをまとめています。訪日外国人も増えてきていて、外国人へのサービス提供も活発化しています。言葉で示すよりもこういったアイコンで表現した方がユーザーも分かりやすいでしょう。
数も多いので、旅行系のアプリを作ろうと思っている人はぜひ参考にしてみてください。
7. 450 Simple Line Icons
記号を表すようなシンプルなアイコンをまとめています。位置情報や電波のマークなどあまり目にはつかないものかもしれませんが、細部にまでこだわりたい人にはおすすめでしょう。
友達にも自慢できるアプリが完成するはずです！
8. Hexagon Android Icon Set
すでにあるアプリのアイコンをポリゴン風にしているサイトです。なかなか自分では作れないほどクオリティの高いものが揃っています。こういったのを参考に自分オリジナルのアイコンを作ってみても面白いと思います。
9. Card Icons 2.0 Free
クレジットカードに関するアイコンが並べられています。特におしゃれというものは無いかもしれませんが、アプリ内で決済システムを利用する場合はかならず必要になってくるでしょう。Webサイトでも利用できるので、とても実用的ですね。
10. 3000 icons for iOS9
このサイトのみ有料ですが、量・質ともにとてもクオリティが高いので紹介しています。
3000個という非常に多くのアイコンを利用することができます。また、iOS9と最新のバージョンに合わせて利用できるようになっているので、iPhoneアプリを開発したいという人はぜひ使ってみてください。
これ1つで十分と言えるほどアイコンの種類は揃っているでしょう。
いかがだったでしょうか。
一部有料のサイトもありましたが、無料とは思えないクオリティのアイコンを使用することができます。アプリ開発する中で用意されているオブジェクトだけでは不十分に感じることがあるでしょう。
アプリ自体のアイコンもとても重要ですし、アプリ内で表示されているアイコンも気を配る必要があります。どこまで拘っても正解が出るものではありませんが、パッと見て「良い！」と思ってもらうために素敵なアイコンを選んでみてください。
[お知らせ]TechAcademyでは初心者でもUI/UXデザインができるようになるUI/UXデザインオンラインブートキャンプを開催しています。現役UI/UXデザイナーのサポートで学びたい場合はご参加ください。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
