【無料・商用利用可・クレジット表記不要】現役WEBエンジニアがおすすめする素材サイト

おしゃれなサイトを作りたいとき、イラスト・アイコン・写真は必要不可欠な存在です。ですが１から全て自前で用意するのはなかなか難しく、時間や費用との兼ね合いもありますよね。（あとセンス）

私は特に絵が描けないのでオリジナルのイラストは絶対に無理です。
フリーでのお仕事はイラストを描かなくてはいけないご依頼は受けませんし、会社での案件であれば他の方に泣きつきます。

ちーも

ドラえもんとアンパンマンが限度

なので、実際にお仕事をする際は商用利用可、かつフリーの素材サイトにかなりお世話になっているのですが
今回は現役WEBエンジニアの私が実際によく使うサイトを厳選して紹介したいと思います！

※無料・商用利用可・クレジット表記不要のサイトを掲載していますが、ご利用の際はご自身でよく利用規約を読んでから使用するようにしてください。

アイコン編

Font Awesome

おそらく一番使われているであろうアイコンサイト。丸っこいデザインが可愛いです。
SWELLで使われているのもこのサイトのものですね！

会社での業務で使用するため、このサイトを見ていた際に驚いたのがYahoo!のアイコンがあったことです。

Font Awesomeは企業アイコンも多いですが、海外のアイコンサイトで他にYahoo!があるサイトを見たことがなかったので感動しました。
（結局会社として使うのはグレーだったので使用しませんでしたが）

Font Awesome

Font Awesome The internet’s icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

htmlコードでの挿入、Unicodeでの使用、SVGでのダウンロードが可能

icon-rainbow

Font Awesomeよりもイラスト寄りのアイコンが多い印象です。
このサイトのメインビジュアル横、デスクトップアプリ風ボタンは、こちらのサイトと次に紹介するサイトのアイコンを少し加工して使っています。

商用可の無料(フリー)のアイコン素…

商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』 « カラフルな商用利用可… 商用利用可能な無料のアイコンをすぐにダウンロードできるアイコン素材配布サイトです。

png、jpg、svgでのダウンロードが可能

icooon-mono

先ほど紹介した通り、デスクトップアプリ風ボタンにも使用しています。
イラストチックなアイコンを求めているときは、大体先ほどのicon-rainbowとこちらの両者で探しています。

どちらかに希望のものがなくても大体はもう片方にあるので、セットでブクマしておくのがおススメです。

icooon-mono

アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロード… 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

png、jpg、svgでのダウンロードが可能

REMIX ICON

他のサイトに比べると使用頻度は下がりますが、線の細いスタイリッシュな印象のアイコンが置いてあるので作りたいサイトのイメージに合うときは使用します。

Font Awesomeにもアイコンの線の太さを変えられる機能はありますが、有料プランでないと使用できないのでこちらと使い分けています。

htmlコードでの挿入、SVG、PNGでのダウンロードが可能

【番外編】Google Fonts

Google大先生のサイトですね。フォントがメインではありますが、アイコンも充実しています。
こちらも線の太さを変えることが出来ます。

Google Fonts

Browse Fonts – Google Fonts Making the web more beautiful, fast, and open through great typography

＼　 Point　／

アイコンサイトは単色であればサイト上でカラー変更ができるところが多いですが、色々とこだわって加工したい場合はSVGでダウンロードしてイラレで加工しています。

イラスト編

ソコスト

シンプルでかわいいイラストが集まったサイトです。どちらかというと女性向けな気がします。
このブログのアイキャッチや記事内に挿入する画像としては、ソコストのイラストを一番愛用させていただいています。

＼　かわいい　／

「ソコソコ使えるシンプルなイラスト」というキャッチコピーらしいですが、ソコソコどころかガンガン使っています。

商用可・フリーイラスト素材｜ソコ…

商用可・フリーイラスト素材｜ソコスト 商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL！色変更可能！

PNG、SVG、EPSでのダウンロードが可能

イラストAC

お仕事でイラストを探すとき、一番お世話になることが多いサイトです。

素材数がかなり多いので、欲しいものが大体見つかります。
ただし無料会員だと検索回数やダウンロード回数などに制限があるので、慎重に吟味してからダウンロードするようにしています。

イラレファイル（.ai）は１日１つしかダウンロードできませんが、あしらいやフレームのセットなどは極力.aiでダウンロードすると、サイト作りに応用しやすく便利です。

イラストAC

無料イラスト・フリー素材なら「イラストAC」 イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでダウンロードできる素材サイトです。

素材によってダウンロード形式が異なる

shigureni

かわいい女の子（とたまに動物たち）のイラスト素材サイトです。
絵がすごく好きでLINEスタンプ買いました（笑）

素材数がそこまで多くないのでアイキャッチなど数が必要な場所に使うのではなく、ホームの挿絵なんかに使うのが良さそうです。

私の一番好きなイラストはこのサメさんです。

shigureni

shigureni free illust │ 素朴でかわいい女の子のイラスト素材サイト ｢shigureni free illust｣で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用を問わず無料でご利用いただけます。

PNGでのダウンロードが可能

Loose Drawing

手書き風のイラスト素材が集まったサイトです。ビジネス向けな気がします。

白背景に使用するときは楽ですが、色付きの背景に乗せるときはイラストがくっきりしなくなってしまうので、私は自分で白の背景を雑に作成して下に敷いています。（もっといい方法があったら教えてください・・・。）

Loose Drawing

無料で商用可のフリーイラスト素材｜Loose Drawing シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラスト…

PNG、JPGでのダウンロードが可能。SVGは有料

Linustock

シンプルな線画の素材サイト。EPSでダウンロードすれば、パスがアウトライン化されてないので、加工がしやすいです。（重要）
欲しい素材がない場合はリクエストもできるようです。

PNG、EPSでのダウンロードが可能

SASHIE

シュールな線画が多い素材サイト。自分の趣味的にはドストライクな絵柄です。

このブログではあまりデザインに合わずに使えていないのですが、いつかブログを複数持つときはこのサイトの素材をメインで使えるようなコンセプトのブログデザインにしたいです！

SASHIE

SASHIE / simple illustrations for free use ダウンロード無料、改変自由、商用利用OK。 自由に使えるイラストメディア、[SASHIE（サシエ）]。

PNG、SVGでのダウンロードが可能

IRA Design by Creative Tim

グラデーションが綺麗でLPにピッタリのイラストが置いてあります。ネットサーフィンをしていて、このイラストが使われたコーポレートサイトを発見したこともあります。

服、髪、オブジェクトに分けてカラーを変更することができるので、イラレなどが使えない方でも好みの雰囲気に近いものがダウンロードできて便利！

IRA Design

IRA Design by Creative Tim Build your own amazing illustrations.

PNG、SVGでのダウンロードが可能

写真編

O-DAN

お洒落な画像がたくさん見つかるサイトです。写真を探すときは私はここを一番よく使います。
海外サイトをメインに複数のサイトから写真を検索できるサービスなので、日本人がモデルの写真はあまりありません。風景や建物の写真が特におすすめです。

O-DAN

O-DAN (オーダン）- 無料写真素材・フリーフォト検索 高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」

ほとんどがjpg形式

photoAC

イラストACのグループサイトです。日本人モデルがメインなどで、LPや広告に使いやすいです。
様々なシチュエーションの写真が用意されているので、大体は使いたいものが見つかります。

写真AC

写真素材なら「写真AC」無料（フリー）ダウンロードOK 無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素…

JPEGでのダウンロードが可能

テンプレート編

Creative Tim

サイトを作るためのパーツ（ボタン、テーブル、カルーセル、通知バーなど）がセットになった、ファイル（html、css、画像など）がダウンロードできます。
有料のテンプレートが多いですが無料のものもあります。

TOPページ、ログインページなどのデモが同梱されているものもあるので、少し編集すればそのままお洒落なHPが完成します。

テンプレートはBootstrapを使って作られているものが多いので、Bootstrapが使える人であればカスタマイズも簡単にできますね！

Creative Tim

Premium Bootstrap Themes and Templates UI Kits, Templates and Dashboards built on top of Bootstrap, Vue.js, React, Angular, Node.js and Laravel. Join 2,483,193+ users and to access all our free items…

ZIPでのダウンロード、GITHUBでFORKが可能

番外編

TopeconHeroes様素材サイト全般

ここには今までのカテゴリでご紹介したもの含まれるのですが、グループサイト全て使いやすい素材がそろっているので別枠でご紹介します。

TopeconHeroes様の素材サイトは、全てのサイトのヘッダに他サイトのリンクが並んでいるので、そこから各サイトにすぐ移動することができます！

大体の素材がベクターデータ（SVG、EPS、Ai）とビットマップデータ（PNG、JPG）に対応しており、加工も簡単に行えるのが気に入っています。

ShopifyでECサイトの構築をよくやるので、ネットショップ素材の専用サイトがあるのはありがたいです。

TopeconHeroes様の素材は、１つのコンテンツに複数の素材を使う場合条件がつく場合がありますので、詳しくはサイトの利用規約をご確認ください。

まとめ

今回は私が会社での業務やフリーでのお仕事で実際によく使用するサイトをご紹介させていただきました。
人気なサイトも多く、すでに使われている方や、見かけたことのあるイラストも多いかもしれません。

クオリティの高い素材が無料で使えてしまうので、いつもかなーりありがたく使わせていただいています。
他にも使ってみて良いなと思うサイトがありましたら、随時追記していきたいと思います！