Web制作の現場で役立つ無料素材サイトまとめ

Webサイトの制作では、高品質な素材を使用することが重要ですが、商用利用可能な素材を見つけるのは難しいこともあります。しかし、インターネット上には無料で利用できる優れた素材サイトが数多く存在します。

この記事では、Web制作の現場で役立つ、無料の素材サイトをいくつかご紹介します。これらのサイトを利用することで、素材収集の時間と費用を節約しましょう。

商用利用可能なサイトをご紹介していますが、クレジットの表記など素材の利用については、各サイトの利用規約・ユーザーガイド等をご確認ください。

写真素材

写真AC

プロ・アマ問わない多くのクリエイターによる素材提供で多様なスタイルの写真が揃っています。自然風景、ビジネスシーン、食品、イラストなど、様々なジャンルの写真が網羅されています。

無料会員は、１日のダウンロード数やダウンロードできるファイル形式が制限されていますので、無制限で利用するには、有料会員の登録が必要となります。

ぱくたそ

様々なジャンルの画像素材が多いですが、特に人物モデル画像に強いサイトです。最近では、AIで作成されたイラスト画像素材も数多く取り揃えています。

Pixabay

Pixabayは写真だけでなく、イラストやベクターグラフィックス、動画素材なども提供している素材サイトです。多彩なコンテンツが揃っているため、Webデザインやアニメーションに幅広く活用できます。

Unsplash

Unsplashは高品質な写真素材が豊富に揃っているサイトです。商用利用可能な写真が多く、さまざまなカテゴリーの画像を見つけることができます。海外サイト特有の写真が多いですが、特にアート系の画像に強い印象があります。サムネイル画像など魅力的な画像が欲しい場合は、まずはこちらのサイトから検索してみてはいかがでしょうか。（この記事のサムネイル画像も、Unsplashから取得しました。）

Pexels

PexelsもUnsplashと同様に、商用利用可能な高品質な写真素材を提供しています。ユーザーが投稿した多彩な写真が揃っており、クリエイティブなプロジェクトにピッタリの写真を見つけることができます。

イラスト素材

イラストAC

「写真AC」と同じ、ACワークスが運営する素材提供サイトです。クリエイターからのイラスト提供によって成り立っているので、個々のクリエイターのスタイルが反映され、独創的なイラストが多く見られます。また、デザイン制作で役立つ、テーマごとのフレームセットや、背景素材などが数多く揃っているので、イラスト素材を探す場合は、まずこちらのサイトから始めています。

いらすとや

可愛らしいイラストが特徴の「いらすとや」。多岐にわたるジャンルと、話題となっている出来事のイラストをタイムリーに提供してくれることで知られています。ビジネス系では少し使いづらいですが、保育・教育関係のサイト作成などでは、デザインにマッチするのではないでしょうか。

フリーイラスト・ビジネス素材

ビジネスシーンに特化した、少し柔らかいイメージのイラストを提供しているサイトです。aiファイルもダウンロードができるので、色の変更などサイトデザインに合わせた細かな編集が行いやすい点もポイントです。

ソコスト

柔らかで、色使いなど少しおしゃれな雰囲気のイラスト素材を提供しています。ビジネスシーン以外にも、生活に関するイメージなどが多くありますので、ブログ記事などで利用しやすいのではないでしょうか。

背景素材

OKUMONO

ポップ系の背景イラスト素材を数多く取り揃えているサイトです。サムネイルで使いやすい画像サイズ（1980 × 1080px）になっており、背景素材だけでなく、Youtubeで使いやすい背景動画素材も提供しています。

Bg-patterns

インパクト強めの背景パターン素材を提供しているサイトです。種類も数多く取り揃えているので、デザインに物足りなさを感じる場合は、こちらの背景素材をプラスすると面白いかもしれません。

イラレ・フォトショップで使えるシームレスパターン背景素材

シームレスパターンの背景素材を提供しているサイトです。CSSで背景画像として使用する場合に、素材をそのまま、background-repeatで繰り返して使えるので大変便利です。

アイコン素材

icoooon mono

モノクロタイプのアイコン素材を数多く取り揃えているサイトです。少し丸みを帯びたオシャレなアイコンが多いので、サイトデザインにも取り入れやすいと思います。SVGファイルもダウンロードできるので、ファイルサイズを抑えたいときにも便利です。

Icon-rainbow

どちらかと言えばイラストに近いタイプのアイコン素材と言えるのではないでしょうか。大きめのアイコンが使えるデザインの場合は、インパクトがあって非常に役立ちます。

FLAT ICON DESIGN

上記の「icoooon mono」と同じくTopeconHeroesが運営している素材サイトのひとつです。フラットデザインでクオリティーの高いアイコン素材を提供しています。アイキャッチ素材として使う場合にも便利です。

EXPERIENCE JAPAN PICTOGRAMS

デザインから日本観光の魅力を伝えるプロジェクトとして、ピクトグラムを公開しているサイトです。日本文化を使えるピクトグラムを数多く提供しているので、和風デザインのアイコンとしても使えます。

iconmonstr

ドイツ出身のデザイナーが作成したアイコン素材集です。シンプルなデザインなので、特有の言語に偏りのないデザインを求められる多言語サイトなどの、UIで利用しやすいのではないでしょうか。

Icon-Icons

Icon-Icons は、世界中のデザイナーがインターネット上で日常的に自由に共有しているすべてのアイコンを単一のデータベースに編集することを目的として誕生したサイトだそうです。デザインごとのアイコンセットがまとめられており、またデザインナーごとにも検索ができるので、同じテイストで利用したいときに便利です。アイコンごとに、ライセンスの種類が違うので、クレジット表記が必要な場合もあります。利用の際は注意してください。

アイコンWebフォント

Material Symbols and Icons - Google Fonts

Googleが商用利用可能なWebフォント提供している、Google Fontsですが、アイコンフォントも充実しています。サイトのフォントをGoogle Fontsで利用している場合は、アイコンも利用してみてはいかがでしょうか。

Font Awesome

数多くのアイコンフォントを提供しており、Wordpressのテンプレートや、EC-CUBEなど多くのWebシステムのUIアイコンに導入実績があります。UIデザインを手早く制作する場合は、Font Awesomeのアイコンを実装することがベストといえるのではないでしょうか。無料版では、一部の種類の利用までとなりますが、FREEタイプでも2,000種類以上あるので、十分利用できると思います。