どんなWebサービスやモバイルアプリでも、必ずと言っていいほどに不可欠なのが、アイコンです。文字だけでデザインされているよりも、アイコンが添えられていた方が、視覚的にも直感的にもわかりやすく、結果的にUXを向上できます。

しかし、欲しいアイコンは探すのが手間で、時間がかかってしまうものです。手っ取り早く、プロダクトにぴったりなアイコンを見つけられるとしたら、どうでしょうか?

そこで今回は、手軽で便利なアイコンパック14選を紹介します。シンプルなもの、カラフルなもの、Webフォントでも使えるものなど、さまざまなアイコンが用意されています。ニーズにあったものがきっと見つかるはずです。

手軽で便利なアイコンパック14選

1. iOS 11 Elements Vol 1

01.png
iOS 11 UI Elements Vol 1

「iOS 11 UI Elements Vol 1」は、iOSで使われているような、再生ボタンやAirPlay、印刷ボタンなどを中心に70のアイコンを収録しています。

また、続編の「iOS 11 UI Elements Vol 2」ではさらに54のアイコンが収録されており、どちらも無料で使用できます。汎用的で利用シーンが多そうなので、ひとまずストックしておくのもよいでしょう。

2. 300+ Free Tech & Activities Icons from Swifticons

02.png
300+ Free Tech & Activities Icons from Swifticons

「300+ Free Tech & Activities Icons from Swifticons」は、ガジェットやテック系アイコンが300以上揃っている便利なアイコンパックです。AI・EPS・PNG(@1x・@2x)・Sketch・SVGと、対応しているフォーマットも豊富です。

線形のアイコンが中心で、中には「なわとび」や「ピアノ」のような他にはないユニークなアイコンも収録されています。

3. Mmmicons

03.png
Mmmicons

「Mmmicons」は、500以上のかわいらしいアイコンが収録されているアイコンパックです。

似たようなアイコンでも、さまざまなバリエーションが収録されているので、ステータスの表示にぴったりです。大きさは16x16と非常に小さく、アクセントに使うのもよいでしょう。

4. The Color Icons Set

04.jpg
The Color Icons Set

「The Color Icons Set」は、カラフルなアイコンを集めたアイコンパックです。ファイルやフォルダなど、よく使うユーティリティを中心に、148アイコンが収録されています。

もちろん、アイコンの色は簡単にカスタマイズ可能です。AIとEPSの2種類が収録されています。

5. 1400 Social Media Icons

05.png
1400 Social Media Icons

「1400 Social Media Icons」は、14種類1,400個ものソーシャルメディアアイコンを、一挙にダウンロードできるアイコンパック集です。

カラフルなもの、シンプルなもの、イラスト、ドロップシャドウまで、様々な種類のソーシャルメディアアイコンが揃っています。LINEやWeChatなどのアイコンも揃っているので、お気に入りのアイコンパックを見つけましょう。

6. RADICAL SCIENCE ICONS

06.jpg
RADICAL SCIENCE ICONS

「RADICAL SCIENCE ICONS」は、104種類の科学に関するアイコンを集めたアイコンパックです。

脳みそ、ねずみ、ウイルス、三角フラスコ、アルコールランプ、顕微鏡、望遠鏡、宇宙船など、様々なアイコンが収録されています。フォントの大きさは60px四方で、SketchとIllustratorのファイルが同梱されています。

7. Interface icons

07.png
Interface icons

「Interface icons」は、一般的なインターフェイス周りのアイコンを集めたアイコンパックです。

248のアイコンが収録されており、線画と塗りつぶしの2種類が収録されています。AI・EPS・SVGの3種類に対応しています。

8. Material Icons Bundle

08.png
Material Icons Bundle

「Material Icons Bundle」は、カラフルなマテリアルデザインのアイコンが揃った、シンプルなアイコンパックです。

現代風なデザインは最先端のWebアプリケーションやモバイルアプリにぴったりです。72px四方のPNGファイルは無料でダウンロードできますが、AI・SVGのダウンロードは購入が必要です。

9. Linecons

09.png
Linecons

「Linecons」は、48のスケーラブルなベクターアイコンを集めたアイコンパックです。線画でシンプルに表現されつつ、細部にまでこだわった作品に仕上がっています。

収録されているファイルは、PDF・AI・PSD・PNG・SVGのほか、Webフォント用のHTMLCSSまで収録されています。

10. Prometheus Free Icon Set

10.png
Prometheus Free Icon Set

「Prometheus Free Icon Set」は、シンプルな線画のアイコンパックです。

抽象的で汎用的な用途のアイコンが450個収録されています。IllustratorとSketch用のファイルが同梱されているので、さまざまな加工を加えて利用もできます。

11. Dusk UI Icons

11.jpg
Dusk UI Icons

「Dusk UI Icons」は、カラフルで可愛らしい現代風なアイコンが揃ったアイコンパックです。

50pxのPNGファイル、50pxと100pxのSVGの他に、EPSとPDFファイルも同梱されています。もちろん、編集して好みの色に変えることも可能です。合計で80個のアイコンが収録されています。

12. Feather

12.png
Feather

「Feather」は、オープンソースでデザインされている、シンプルな線画のアイコンパックです。バージョンアップが繰り返されており、その都度最新アイコンも追加されています。

AirplayやGitHub、Wifi-offなど、他のアイコンパックには意外と収録されていないアイコンも収録されています。非常に使い勝手のよいアイコンパックです。

13. Simple Icons

13.png
Simple Icons

「Simple Icons」は、様々なブランドのアイコンをダウンロードできるSVGアイコンのダウンロードサイトです。

中にはPlayStationやAmerican Express、MySQLやAngular JSといったサービスのロゴもあります。検索ボックスが設置されているので、欲しいアイコンを探してみましょう。

14. Bicon

14.png
Bicon

「Bicon」は、Webでもすぐに使えるスケーラブルなアイコンパックです。SVG・PNG・AIはもちろん、Webフォントファイルが同梱されています。

アイコンは線画で表現されており、WebフォントであればCSS側で着色もできます。非常にたくさんのアイコンが収録されているので、きっと欲しいアイコンが見つかるでしょう。

まとめ:無料でダウンロードできるアイコンパックを活用しよう

有料だとさらにたくさんのアイコンを利用することができますが、無料でも数百種類のアイコンがダウンロードできるサイトはたくさんあります。

最近では、SVG形式に対応したアイコンパックも増えてきました。自分好みに編集して、プロダクトのデザインに加えてみてはいかがでしょうか。