• follow us in feedly
scroll_icon
shuffle_button
フリーアイコン素材まとめ

フリーアイコン素材まとめ

Author:
アーテルアーテル
Posted date:
Update date:2021年08月11日
フリーアイコン素材まとめ

Jam Icons

最新のアイコンセットと、マイナーなアイコンがセットになっているのが、Jam Iconsです。
このパックには400以上のアイコンが付いています。

フォントとしても使用出来るように、ダウンロードをするとjam-iconフォントも合わせてダウンロード出来、WEBフォントとしての活用も出来ます。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

DEVICON

開発者向けのサービスやツールなどのアイコンパックです。
AppleやAdobeなど様々な企業のアイコンや、特定のソフトウェアのアイコンなどが入っています。

こちらもWEBフォントとして活用可能。
WEBフォントはサーバー上に上がっているため、ダウンロードせずに使用できます。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

Evil Icons

イービルアイコン、悪魔のアイコンという名前ですが実際は線が細めのオシャレなアイコンです。
SVG形式はもちろん、skech形式でのダウンロードやIllustratorのai形式でのダウンロードも可能。

色々なサイトに最適なデザインかつ、Illustratorなので自分好みにカスタマイズ出来るので便利です。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	
Twitter社の絵文字ライブラリがなんとオープンソースで公開されています。
量も多く、使いやすいアイコンがたくさんあります。

2,500以上の大規模なアイコンを配布しており、こちらも自由に改変が出来ます。
元々認知喉高いTwitterのアイコン。若者をターゲットとするサイトなどには最適ですね。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

Twem❤ji

Twitter社の絵文字ライブラリがなんとオープンソースで公開されています。
量も多く、使いやすいアイコンがたくさんあります。

2,500以上の大規模なアイコンを配布しており、こちらも自由に改変が出来ます。
元々認知喉高いTwitterのアイコン。若者をターゲットとするサイトなどには最適ですね。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

Metrize Icons

アプリやフラットなサイトにピッタリなメトロ型アイコンの決定版です。
最新のアイコンを使うならこれで決まりですね。

円形の境界線がはいったタイプのアイコンです。
数は300以上あるため、使いたいアイコンも多くあります。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

Captain Icon

ブログやポートフォリオなど、少しくだけたサイトを作る際にオススメのキャプテンアイコン。
カワイイアイコンが多くあるので、とても使いやすいです!

中々ベクターやSVGアイコン素材で手書きのものは少ないので、ダウンロードして損はないです。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

flaticon

フラットデザインのアイコンセットです。
シンプルなのですが、色がついているのでエレガントな印象をうけます。
中々色付きのアイコンはないので貴重かもしれません。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

Fluent Icons _ Micon

windows10をリスペクトした高解像度でもキレイに表示されるベクターアイコン、SVGアイコンです。

アイコンの数も1000以上あるので使い勝手がものすごく良いです。

出典:WEBサイト制作に役に立つ!商用利用可&無料で使える今オスス...

	

ICOOON MONO

アイコン素材がすべてモノトーンになっている人気のバナー素材サイトです。カテゴリーが豊富なので色々なバナーが作成できます。1つの素材をカスタマイズしてダウンロードすることができ、任意のサイズやカラーが選べます。一括ダウンロードも可能です。

出典:バナーのフリー素材があるサイトを厳選!商用利用可能なバナ...

	

icon-rainbow

モノトーンのシルエットアイコンをダウンロードできるフリー素材サイト。
シンプルなアイコンですが可能な限り細部にこだわった表現がなされているのも特徴です。

人物のアイコンでは髪型や表情まで表現され、他のサイトではなかなか見つからないPC周辺機器のマーク、企業アイコンや規格マークなども用意されています。
こちらのサイトもダウンロード前にサイト上でアイコンのカラーを変更できます。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

FLAT ICON DESIGN

どのアイコンも可愛らしさがあるアイコンが揃っています。その中でも博士のアイコンが私はお気に入りです。JPEG、PNG、EPS、AI、SVGとダウンロード形式も豊富です。

出典:【2020年最新版】クオリティの高いアイコン無料配布サイトだ...

	

アイコン配付中!

立体感のあるカラーのリアルアイコンと、モノトーンでシンプルなシルエットアイコンの2種類のスタイルがあり、それぞれ豊富な種類が用意されています。Photoshop、Illustratorなどで編集可能なスマートフォン用のデータもダウンロード可能。

欲しいアイコンをリストに追加(1日12個まで)して一括ダウンロードする形式なので、煩わしい作業の手間も省けます。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

ハンコでアソブ

ハンコで押したようなモノトーンのシルエットアイコンがダウンロードできるフリー素材サイト。
最近のWebデザインのトレンドの中に手書き風のフォントや装飾を使ったものがありますが、そんなサイトに通常のアイコンを使うと違和感が出てしまいます。

アルファベットや数字、ソーシャルアイコンなども用意されているので細部までこだわった表現が可能になります。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

icon-pit

【フリーのアイコンイラスト素材 icon-pit】は、フリーのアイコン素材を無料ダウンロードできるサイトです。 アイコンデータはベクター加工してあるイラストレーターのAi、背景透過PNG形式がまとまってZIPファイルになっており会員登録不要で無料ダウンロードできます。 ロイヤリティーフリーの高品質ピクトグラムアイコンを1クリックでダウンロードできます。 汎用性が高いデザインで商用利用も可能ですのでWEBサイトやDTP、YouTubeなどの動画コンテンツ、ポストカードやプレゼン資料、各種業務資料などの印刷媒体にもアイコンやイラストとしてご利用いただけます。 クレジット表記や許可も必要なく加工してご利用いただいても大丈夫です。アイコンイラストご利用規約の内容をご確認しイラストをご利用ください。

出典:フリーのアイコンイラスト素材 icon-pit

	

落書きアイコン

『落書きアイコン』が提供する絵文字アイコン・イラスト素材は、全てフリーダウンロード可能。個人・商用を問わず無料でお使いいただけます。使用許可やユーザー登録も必要ありません。
ホームページ・ブログ・SNS(Twitter、facebook、Instagram、LINE等)・各種印刷物などなど、様々な媒体でご利用いただけます。
当サイトへのリンク・クレジット表記は必須ではありませんが、していただけると大変嬉しいです。

出典:可愛い絵文字アイコンイラスト『落書きアイコン』

	

SILHOUETTE DESIGN

影絵風のシルエットアイコンをダウンロードできるフリー素材サイト。
人物のシルエット以外にも、食べ物、乗り物、家具などリアルなシルエットのアイコンが豊富に揃っています。

簡単なインフォグラフィック風の表やグラフを作成したいという場合にも、こちらのサイトのフリー素材アイコンは最適かもしれません。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

SVG PORN

近年、Web制作でよく使われる使われる画像データの形式にSVG (Scalable Vector Graphics)というものがあります。
この形式はベクター画像という画像を拡大・縮小しても画像が荒くならず、なおかつデータサイズも抑えることが可能なデータです。

アニメーション表現をしたい、ホームページの表示速度を改善したいといった場合は、SVG形式のアイコンを選択すると良いかもしれません。
メーカー、SNS関連、カード会社のなどの商用ロゴのSVGデータも豊富に揃っていますのでECサイトの構築などにも役立つアイコンが見つかるでしょう。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

ICONFINDER

様々なタイプのアイコン素材をダウンロードできるサイト。有料のものも多いですが、価格の欄にFreeとかかれたアイコンは、無料でダウンロード可能です。

人気の高いフリー素材というのは、使い勝手が良いだけに数多くのサイトで利用されており、うまく利用しないとサイトのデザインを没個性的にしてしまう危険性もあります。

このサイトでは、様々なデザイナーがデザインした個性的なアイコンを見つけることができるので、「費用は抑えたいけどデザインにこだわりたい」といった方にはおすすめです。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

iconmonstr

シンプルなアイコンを選んでみたものの、テキストと合わせて用いた時にどうしても違和感が残るといったケースもよくあります。そういった場合は、フォントのウエイト(線の太さ)とアイコンの線の太さが合っていないのかもしれません。

こちらのサイトでは同じアイコンが、Fil / Bold(太め)とThin (細め)の2タイプから選択できるので、ホームページで使っているフォントの書式に合わせたアイコンを選ぶことができます。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

Streamline

フリープランに登録すれば、100種類のアイコンを3つのウエイト(描画の太さ)のバージョンで一括ダウンロード可能です。登録もファーストネームとメールアドレスの入力のみなので簡単。

ファイル形式は、PNG、SVG、PDFの3種類が同梱されています。
ウエイトやファイル形式はまだ決まっていないけど、デザインを決める中で最適なアイコンを選びたいといった場合には、ダウンロードの手間が少ないのでおすすめの選択肢の一つです。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

Material Icons

2014年にGoogle社が「マテリアルデザイン」という新しいデザイン手法を提唱していますが、このデザインに則したアイコンがフリー素材として入手できるのがこちらのサイトです。

マテリアルデザインは、フラットデザインのシンプルさは引き継ぎつつも「紙」と「インク」といった現実世界の物質(マテリアル)の要素を意識したUIを構築します。

WordPressのテーマでもマテリアルデザインを謳っているものが多くありますので、そうしたテーマを選んだ場合はこちらのサイトでアイコンを探すのが良いかもしれません。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

orion Icon Library

Orion Icon Libraryは、6000以上の中から好きなアイコンを選んで、線の太さや大きさを変更でき、しかも色を編集することもできるフリーのアイコン素材配布サイトです。また、同じアイコンでも「線、塗りつぶし、カラー、フラット」と4種類のデザインの中から選んで編集することができるようになっています。

出典:無料で色編集もできる!フリーのアイコン素材サイトOrion Ico...

	
proと表示されているアイコンの利用は有料のプロ版に登録しなければいけませんが、それ以外は無料でダウンロード可能です(1日にダウンロードできる数に制限あり)。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

IconsPedia

様々な種類のアイコンがダウンロードできる素材サイト。
商用利用不可のものも含まれていますが、バラエティに富むクリエイターたちが素材を提供しているので、求めているテイストにぴったりのアイコンを見つけることができるでしょう。

個別のアイコンページには、同種のアイコン、類似のアイコンも表示されるので、根気よく探せば商用利用不可のアイコンと似たテイストの商用利用可能なフリーアイコンを探すこともできます。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

Font Awesome

画像をダウンロードして自身のサイトにアップロードするといったアイコンの設定方法以外に、Webアイコンフォントと呼ばれるサービスを利用して、フォントとしてサイトに埋め込む設置方法があります。

これは、専用のサーバー上にある画像やフォントなどのデータを読み込んで自分のサイトに表示させる方法なので、サーバーへの負荷を減らすことができるメリットがあります。
サイトの表示速度を重視したい場合は、Webアイコンフォントの利用をおすすめします。

そのWebアイコンフォントの中でもっとも人気の高いサービスの一つがFont Awesameです。
設定にはHTMLやCSSにコードを挿入しなければいけないのでWeb制作中上級者向けですが、アイコンの種類は豊富で、通常のフォント同様に色や大きさを簡単に変更することができるので表現の幅が広がります。

出典:フリーで使える!ホームページ用のアイコン素材サイト15選【...

	

無料で取り放題.com

取り放題.comは、サイト名の通り、制限なく好きなだけ素材を利用できてしまうサービスです。

一方で、商用利用可能なフリー素材を提供するサイトの中には、1日にダウンロードできる数に制限が設けられているものも多数存在します。

ネットショップ/ECサイトに特化した提供内容で、セール・イベント・配送時間帯・決済方法など、かゆいところに手が届くアイコンやイラストが網羅されています。

また、100円から素材のカスタマイズもでき、格安でオリジナルの素材を作成することも可能。

出典:ECサイトに活用できる無料素材集12選!商用利用など活用時の...

	

無料アイコン素材館

目立たないですが使い勝手のいいアイコンが揃っています。

出典:無料数字アイコン素材まとめ | minimalpreneur.

	

マップラボ

イラスト・アイコン素材を無料でダウンロードできます!背景透過PNG。地図アイコン(3D)・ゲーム素材・アプリ開発・Web・Twitter・ビジネス資料・マニュアルなどにも。商用フリー!リクエストがあれば可能な限りアップします。

出典:トップページ - マップラボ-地図アイコンを無料ダウンロード ...

	

フリー素材POMO

ホームページフリー素材として配布しているイラストや写真などの画像は、使用料無料のフリー素材です。

出典:フリー素材POMO -無料のアイコンや壁紙-

	

他:フリー素材まとめ

この記事が気に入ったら

いいね!しよう

Sharetubeの最新記事をお届けします

著者プロフィール
アーテル