実務で使えるフリーアイコン素材集10選【商用利用可】

webデザインで使える無料のアイコン素材がほしい！

という方に、ハイクオリティなフリーアイコン素材集を紹介したいと思います。

また今回は、現役webデザイナーである著者が、クオリティだけでなく、実務で使いやすいかという観点から、フリーアイコン素材集を選別してみました。

現場を経験しているからこそおすすめできるフリーアイコン素材集を紹介します。

後半では、イメージしているアイコンが見つからない...という方向けに、効率の良いアイコンの探し方をまとめていますのでぜひ最後までご覧ください。

無料アイコン素材｜ICON BOX

無料アイコン素材｜ICON BOX

HIKARINA incでWebデザイナーをやっているNaoyuki Agataさん（Twitterアカウント）が運営しているサイトです。

シンプルでスタイリッシュなアイコンが揃っており、webデザインでよく使うアイコンはだいたい入っています。

このサイトの素晴らしいところは、パスデータが生きている（アウトライン化されていない）SVGアイコンがダウンロードできるので、線の太さを自由に調整できます。

実は、SVG形式でダウンロードできるアイコン素材集は少なくないですが、パスデータが生きているSVGデータをダウンロードできるサイトは非常に希なのです。

その他にも、日本人デザイナーが運営者ということもあり、日本語での検索が可能なため目的のアイコンが探しやすいです。

ゆーし

僕が一番愛用しているアイコンと言っても過言ではないですね。

Free SVG & PNG Icons

Free SVG & PNG Icons - Orion Icon Library

webデザインに関するあらゆる素材を提供しているPixeden LLC.が運営しているサイトです。この会社はアイコンの他にも、イラストやモックアップ素材の提供をしているみたいですね。

素材数が約6400とICON BOXより多く、ダウンロードできるアイコンもパスが生きている貴重なアイコン集です。

またサイト上で「角あり」か「角丸」、「丸型先端」か「バット型先端」などの細かいパスの編集もでき、アイコンのクオリティをあげたいwebデザイナーには申し分ない機能が満載です。

海外のサイトなので、英語での検索しかヒットしませんが、優秀な検索補助機能のおかげで検索に苦労することはないです。

ICONSVG

ICONSVG - Quick customizable SVG icons for your project

デザイナーのGaddafi Rusliさん（Twitterアカウント）が運営しているサイトです。

こちらもサイトもパスが生きている・サイト上で細かいパスの編集が可能といった機能面では、上記2つのサイトと変わりませんが、アイコン数が少ないため実務で使う機会はあまりありません。

今後の更新が楽しみです！

Remix Icon

Remix Icon - Open source icon library

シンプルで洗練されたアイコン素材集です。小さくて可愛らしいアイコンが多いです。

Eva Icons

Eva Icons - beautifully crafted Open Source UI icons for common actions and items.

web制作会社であるAkveo. LLCが運営しているサイト。

白ベタと黒ベタ両方のパターンのアイコンがあるので、サイトのイメージに合わせて選べます。

Icons - Material Design

Icons - Material Design

googleが提供するアイコン素材集です。

同じアイコンでFilled(黒ベタ)かOutlined(白ベタ)、rounded(角丸)かsharp(角あり)かのフィルターをかけられます。

少し線が太めですが、こちらもバリエーションが豊富で、洗練されたデザインなのでよく使用します。

iconmonstr

iconmonstr - Free simple icons for your next project

デザイナーのAlexander Kahlkopfさんが運営しているアイコン素材集。

線画太く、少しフリー素材感のあるアイコンですが、数が多いので他のサイトで見つからなかった場合によく調べます。

icon rainbow

商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』

こちらも線が太めですが、iconmonstrよりも丸みのある、日本のデザインテイストにあうアイコン素材が多いです。

icooon-mono

アイコン素材ダウンロードサイト「icooon-mono」

デザイナーのTopeconHeroesさん（Twitterアカウント）が運営しているサイトです。

アイコンのテイストは若干icon rainbowに近いです。

また、TopeconHeroesさんはicooon-monoだけでなく、人物アイコンに特化した「ヒューマンピクトグラム2.0」、吹き出し素材集の「ふきだし素材専門サイト「フキダシデザイン」」など様々なアイコンを作っています。

どれも便利なのでチェックしてみてくださいね。

Icons8

Icons8

こちらはSVG形式でのダウンロードが有料であるため、無料版ではpng形式でのダウンロードしかできませんが、アイコン数が約133,800（2020年8月現在）と桁外れに多いということと、サイト上での編集機能もピカイチという点でおすすめしたいと思い紹介させていただきます。

サイト上での編集機能をもう少し詳しく説明すると、「オーバーレイ」という機能で選択したアイコンに＋アルファのアイコンを追加できたり、テキストを挿入することもできます。

このアイコン数のボリュームとリッチな編集機能があれば、SVGでダウンロードして編集する必要もないかもしれません。

イメージがわかないアイコンを見つける方法

これほどまでに素晴らしいアイコン素材集が存在するにせよ、イメージがわかないアイコンの場合は、検索の仕方もわからないため難しいですよね。

プロのwebデザイナーは、イメージがわかないアイコンであっても「検索力」を培っているため、効率よくアイコンを見つけることができます。

悩んでいる人

「検索力」ってなに？プロじゃなくても身に付けられるの？

「検索力」というのは、実務経験を積み重ねていくうちに鍛えられるものですが、やりかたさえ知っていれば、未経験の方でも簡単に身に付けられます。

「検索力」を身に付けて、イメージにぴったりのアイコンを見つけたいという方は、「イメージがわかないアイコンの効率のよい探し方」という記事にて詳しく紹介しておりますので、是非ご覧ください。

イメージがわかないアイコンの効率のよい探し方

まとめ

上記で紹介した10サイトの中でも特におすすめなのは以下のサイトです。

上記のサイトをおすすめするのは、冒頭でお話しした実務で使いやすいアイコン素材集かどうかのポイントをしっかり押さえているからです。

おすすめの2サイトを探してもよいアイコンが見つからない場合は、その他の8サイトから探すようにしましょう。