サイト作成時は必須！便利なアイコンサイトを集めました。人気ランキング一覧
サイトやアプリを作成するとき、欠かせないのが「アイコン」です。アイコンはデザインのアクセントになるだけでなく、ユーザーが直感的に操作できるデザインを作るための重要な要素です。しかし、数多くのアイコンサイトが存在し、どれを選べばいいのか迷ってしまうことも。
そこで今回は、無料で利用できるサイトから有料プランの価値がある高品質なサイト、さらに人気ランキングTOP10まで、一挙にまとめてご紹介します！特にFigmaやWordPressと相性の良いサイトを中心に選定したので、初心者からプロのデザイナーまで幅広く活用いただける内容になっています。
目次
無料で利用可能なサイト
Font Awesome
Webで最も有名なアイコンセット。WordPressやFigmaにも統合が可能で、カスタマイズ性も高いです。全体的に丸みを帯びたアイコンfree and が無料です。Proになるとかなり多くのアイコンが利用可能です。
ダウンロードだけではなく、HTMLコードの他、React / Vue /SVGコードも扱えます。色の変更も可。
Flaticon
さまざまなスタイルのアイコンが揃っており、SVGやPNG形式でダウンロード可能。カテゴリー検索が便利。
PNG/SVGでのダウンロード。interface icons は、HTMLコードの他、PNGではサイズを選択してダウンロードできたり、iOS用や、CDNも準備されており、至れり尽せりです。
Material Icons by Google
Googleが提供するシンプルでモダンなアイコンセット。Figmaとの連携サイトもある。SVG/PNGでのダウンロードはもちろんのこと、Web用アイコンとしてのコードでは、HTML/CSS/JavaScriptと用意されています。
Bootstrap Icons
Bootstrapのデザインシステムに沿ったアイコンセット。Web開発に最適。SVGとしてのDLの他、アイコンフォント・HTMLコードとしてのSVGコードのコピーもある。日本語
有料版または条件付き無料で利用可能なサイト
- Iconfinder
高品質な有料アイコンが揃っていますが、無料のものも多数提供されています。 - Icons8
カスタマイズ可能な無料アイコンと有料アイコンを提供。デスクトップアプリも便利。 - Pixeden
高品質なアイコンとグラフィックリソースを提供。有料プランでさらに選択肢が広がります。 - Envato Elements
アイコンだけでなく、ウェブデザインに必要なすべての素材が揃ったサブスクリプションサービス。 - Streamline App
世界最大級のアイコンライブラリを提供。Figmaプラグインも充実しています。 - FlatIconMaker
自分でアイコンをデザインするためのツール付きリソースサイト。独自性のあるアイコンを作りたい場合に便利。 - Streamy Icons
スタイリッシュで高品質な無料＆有料アイコンを提供。特にアニメーションアイコンが魅力。 - Iconmonstr
シンプルな白黒アイコンが揃う無料サイト。SVGとPNG形式で利用可能。 - Smashicons
多様なスタイルのアイコンが揃った有料プラットフォームですが、無料アイコンも提供。 - Designmodo Freebies
アイコンを含む多くのデザインリソースを提供。条件付き無料の高品質アイコンがあります。
アイコンだけでなく、フォントやイラストを提供するサイトも多いので、トータルでデザインを考えるときに活用できます。Figmaプラグインが提供されている場合、直接インポートできるので、デザイン作業がよりスムーズになります。
アイコンサイト 人気ランキング TOP 10
- Font Awesome
- 世界中のデザイナーに愛用される定番。簡単な統合方法や幅広いバリエーションが人気。
- 人気度: ★★★★★
- Flaticon
- 豊富なスタイルとカテゴリ分けが便利。無料ユーザーも使いやすい。
- 人気度: ★★★★★
- Material Icons by Google
- シンプルで直感的。Google製なので信頼性が高く、UIデザインに最適。
- 人気度: ★★★★★
- Icons8
- 高品質なアイコンに加え、カスタマイズ機能や多様なフォーマットが魅力。
- 人気度: ★★★★☆
- Heroicons
- モダンで軽量なアイコンが揃い、特にWebやアプリデザインで支持されている。
- 人気度: ★★★★☆
- The Noun Project
- 多文化的でユニークなアイコンが豊富。特定のテーマアイコンを探すのに便利。
- 人気度: ★★★★☆
- Bootstrap Icons
- Bootstrapフレームワーク利用者に最適。ウェブ開発での活用が多い。
- 人気度: ★★★★☆
- Ionicons
- モバイル向けUIデザインで特に強みを発揮。軽量でスタイリッシュ。
- 人気度: ★★★★☆
- Feather Icons
- ミニマルで洗練されたデザインが特徴。コードによるカスタマイズが容易。
- 人気度: ★★★★☆
- Iconmonstr
- シンプルで軽量、無料で使いやすい点が魅力。白黒デザインに特化。
- 人気度: ★★★★☆
ランク外だが注目度の高いサイト
Simple Iconsは、ブランドロゴを揃えたいときに最適です。またStreamline Iconsは、 膨大なアイコン数が魅力ですが、有料プランが多め。Tabler Icons: オープンソースで自由に使えます。