WEBデザイン

WEBデザインでおすすめのフリー素材サイト20選【使わないと損します】

今回は、WEBデザインでおすすめのフリー素材サイトを20個紹介します。

「WEBデザインの素材はどこから探すの?」

「商用OKで、無料の素材が見つかるサイトってあるの?」

こういった疑問をこの記事を読めば、解決できます。

本記事では、私が実際にフリー素材として利用しているサイトの中から20個厳選しております。

また、今回ご紹介するサイトは、商用OKでクレジット表記不要のサイトのみです。

そのため、自身の作品に、利用しても問題ありませんので、ご安心ください。

yandy
yandy
WEBデザイン初心者の方に参考にして頂きたいです!

WEBデザインでおすすめのフリー素材サイト20選

それでは、WEBデザインでおすすめのフリー素材サイトを20個紹介します。

Undraw

1つ目は、Undrawというイラストのサイトです。

・ファイル形式:SVG、PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、同じようなキャラクターのテイストで描かれたイラストがたくさんあります。

そのため、この中から複数のイラストを利用しても統一感が出るため、WEBサイトやLP.コーポレートサイトなど、いろんな用途で利用できます。

また、右上にあるボタンから色を簡単に変更することも可能なため、簡単にカラーをアレンジして利用することができます。

Drawkit

2つ目は、Drawkitというイラストのサイトです。

・ファイル形式:SVG、PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、クオリティーが高いイラストがとても多くあるため、初心者の方はこのサイトを利用していれば、ほとんど困ることはないと思います。

商用利用もでき、クレジット表記も必要ないので、とてもおすすめです。

IRA Design

3つ目は、IRA Designというイラストのサイトです。

・ファイル形式:SVG、PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、柔らかいグラデーションで作られたイラストがとても多い印象があります。

また、以下のように、髪の毛や洋服、ズボンなど、細かなカスタマイズを自由に設定できることが大きな特徴です。

Mixkit

4つ目は、Mixkitというイラストのサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、世界中のプロが描いたアート作品が無料で配布されております。

他のサイトよりもいろんなサイズの画像があるため、大きめのサイズだとPCの壁紙として利用できます。

ポップで可愛らしいイラストを探している方は、このサイトを利用されると良いと思います。

イラストAC

5つ目は、イラストACというイラストのサイトです。

・ファイル形式:PNG,JPG,aiデータ
・商用利用:可能
・クレジット表記:不要

このサイトは、国内最大級のフリーイラスト素材サイトです。

私もよく利用するサイトなのですが、イラストの数や種類が豊富にあり、欲しいイラストを検索すると、ほとんど見つかります。

しかし、無料会員だと、検索できる回数が1日5回までで、1日にダウンロードできる数も決まっているため、そこは注意しましょう。

FLAT ICON DESIGN

6つ目は、FLAT ICON DESIGNというイラストのサイトです。

・ファイル形式:PNG,JPG,SVG,aiデータ
・商用利用:可能
・クレジット表記:不要

このサイトは、さまざまなシーンで利用できるアイコンがたくさんあります。

そして、以下のようにアイコンのサイズや背景など、細かな設定をしてダウンロードできますので、お好きなアイコンにカスタマイズできるのが大きな特徴です。

いらすとや

7つ目は、いらすとやというイラストのサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、WEBデザイナーにとても有名なサイトで、知らない方はいないといっても過言ではないです。

最近のトレンドを反映したイラストも多く、様々なシーンで利用できる素材が多いと思います。

いらすとん

8つ目は、いらすとんというイラストのサイトです。

・ファイル形式:JPG
・商用利用:可能
・クレジット表記:不要

こちらのサイトは、先ほど紹介した「いらすとや」と同じ方がイラストを提供しております。

「いらすとや」とは違い、少しゆるかわテイストのイラストが多い印象です。

「いらすとや」のイラストより、もっと柔らかいイラストを探している方は、こちらのサイトがおすすめだと思います。

ハンコでアソブ

9つ目は、ハンコでアソブというイラストのサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

こちらのサイトは、ハンコで押されたようなイラストがたくさんあり、とても可愛らしい印象を受けます。

なんといってもカテゴリー別のイラストの種類が多いことが大きな特徴のため、他のサイトで見つからなかったようなイラストも探すことができます。

ICOOON MONO

10個目は、ICOOON MONOというイラストのサイトです。

・ファイル形式:PNG、JPG、SVG
・商用利用:可能
・クレジット表記:不要

このサイトは、6,000種類以上のアイコン素材が提供されております。

バナーやポスター、WEBサイトに利用できるアイコンが豊富に揃っているので、私もよく困ったらこのサイトの素材を利用しております。

てがきですの

11個目は、てがきですのというイラストのサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、手描きのイラスト素材がたくさんあり、柔らかいイメージの作品が多くあります。

そのため、手描きだからこそ感じる温かみのある素材が多いので、アットフォームな作品を作りたい方におすすめだと思います。

iconmonstr

12個目は、iconmonstrというイラストのサイトです。

・ファイル形式:SVG,EPS,PSD,PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、4,000種類以上のアイコンが提供されており、主に白と黒をベースにしたアイコンがたくさんあります。

また、埋め込み用のSVGがそのまま出力できますので、とても使い勝手も良いと思います。

Paaatterns

13個目は、paaatternsというイラストのサイトです。

・ファイル形式:sketch、Figma、XD、Illustrator、PNG、SVG
・商用利用:可能
・クレジット表記:不要

このサイトは、22種類のパターン素材が配布されているサイトになっており、背景として利用しやすい素材がたくさんあります。

また、WEBデザイナーにとって使いやすいSketchやFigmaなどのデザインファイルもダウンロード可能なため、幅広いことに利用しやすいことも特徴です。

Personas by Draftbit

14個目は、Personas by Draftbitというイラストのサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、顔のパーツを自由にカスタマイズして、お好みのアイコンを作れるサイトです。

肌や髪の毛などの色や形を複数のパターンから選択することができるため、唯一無二のアバターを作ることができます。

WEBデザインやバナー作成など、様々な場面で利用できま・

Blobmaker

15個目は、Blobmakerというイラストサイトです。

・ファイル形式:SVG
・商用利用:可能
・クレジット表記:不要

このサイトは、「流体シェイプ」というものを自由にカスマイズして、自身のオリジナルのアイコンを作成できます。

使い方は難しいですが、慣れれば複雑なアイコンをすぐに作れるようになるので、挑戦してみてください。

ちなみに、SVGファイルでダウンロードできるため、デザインツールとの相性は抜群です。

EC design

16個目は、EC designというイラストサイトです。

・ファイル形式:PNG
・商用利用:可能
・クレジット表記:不要

このサイトは、ショップのサイトやECサイトでそのまま利用できそうな素材がたくさんあります。

また、WEBサイトのデザインだけではなく、バナーとして利用可能な素材も豊富に揃っております。

そのため、WEBデザイン初心者の方は、バナーなどを作成する際に、こちらの素材を少し利用するだけで、かなりクオリティも上がると思います。

Unsplash

17個目は、Unsplashという写真のサイトです。

・ファイル形式:JPG
・商用利用:可能
・クレジット表記:不要

このサイトは、海外のサイトですが、世界中で利用されているサイトで、かなり有名です。

私もよくこのサイトを利用することが多いのですが、かなりクオリティが高く、オシャレな画像が多い印象があります。

WEBデザイン初心者の方なら、まずこのサイトを利用すれば間違いないと思います。

PEXELS

18個目は、PEXELSという写真のサイトです。

・ファイル形式:JPG
・商用利用:可能
・クレジット表記:不要

このサイトも海外のサイトになりますが、クールで美しい写真がとても多いです。

また、先ほど紹介した「Unsplash」と比べて、写真の質は下がりますが、オシャレな写真も多いので、「Unsplash」で見つからない場合は、こちらのサイトも利用されてみると良いと思います。

PAKUTASO

19個目は、PAKUTASOという写真のサイトです。

・ファイル形式:JPG
・商用利用:可能
・クレジット表記:不要

このサイトは、日本のサイトで、クオリティの高い人物写真が多いのが特徴です。

また、検索ボックスから必要な写真を簡単に探すことができますので、とても便利だと思います。

ちなみに、海外のサイトだと、検索ボックスには、英語しか入力できないため、日本のサイトは使いやすいと思います。

しかし、このサイトは、日本で定番のサイトになっているため、他の人と利用する写真が被ってしまう場合がありますので、ご注意ください。

写真AC

20個目は、写真ACという写真のサイトです。

・ファイル形式:JPG
・商用利用:可能
・クレジット表記:不要

このサイトは、日本のサイトで、人物や食べ物、風景などたくさんの種類の写真がダウロードできます。

そのため、先ほど紹介した「PAKUTASO」で見つからなかった写真をこちらのサイトで探すのがありだと思います。

しかし、ダウンロードしたい写真のサイズによって、有料になる場合があるので注意が必要です。

まとめ

今回は、WEBデザインでおすすめのフリー素材サイトを20個紹介しました。

WEBデザイン初心者にとって、デザインに慣れていない段階は、どんどんフリー素材を利用して、デザインのクオリティを上げていくことが大切です。

また、今回ご紹介したサイトは、商用OKでクレジット表記不要のサイトのみです。

そのため、自身の作品に、利用しても問題ありませんので、ご安心ください。