CFブログ

Blog

Webデザイン学習

おすすめのイラスト・アイコン素材サイト18選

おすすめイラスト・アイコン素材サイト18選

イラスト素材を使いたいけれど、いろいろなサイトがあってどこを使えば良いのか迷ってしまう。仕事でもしっかり使えるイラスト素材サイトのオススメはありますか?

デザインや制作を進めやすくなるイラスト素材は、いくつかお気に入りを見つけておくと良いですね。オススメのサイトをイラストとアイコンでそれぞれピックアップしました。ぜひ参考にしてくださいね。

イラストやアイコン素材サイトは、ここ数年でもかなり増えました。そして製作者の人数も増加し、素材には困らない時代になってきました。

その中でも業務として、デザイン制作や仕事の現場で使えるイラスト・アイコンのフリー素材サイトをまとめました。

バナーや図解などイラスト素材が活躍するシーンはたくさんあります。ぜひお気に入りのサイトを見つけてください。

この記事で分かること
・オススメのフリーイラスト素材サイトがわかる
・Web制作にも便利なアイコン素材サイト
・イラスト素材の利用で気をつけたい2つのポイント

高品質でオススメのイラスト素材サイト12選

さまざまな制作やビジネスシーンで使いやすい、イラスト素材サイトを紹介。
サイト上で簡単にサイズやカラーを調整できる素材サイトも多いです。

loosedrawing


https://loosedrawing.com/

現役イラストレーターの「cali boya」さんが運営する、イラスト素材サイトです。
シンプルな線とカラーが特徴で、ビジネスシーンやスライドなどにも使いやすいイラストがたくさん揃っています。ブラウザ上でメインカラーの変更もできます。
実際の制作事例も掲載されていて、使用イメージもわかりやすい。

イラストタッチシンプル
形式png
商用利用
加工
クレジット表記なし

ソコスト コメント

https://soco-st.com/

「すべての方にとって“ソコソコ使えるイラスト素材集”」がテーマのシンプルで汎用性の高いイラスト素材サイトです。
Webサイトや印刷物以外にも、動画や映像関連の素材としても利用できます。リクエスト・メッセージも受付しています。

イラストタッチシンプル
形式png、svg、eps
商用利用
加工
クレジット表記なし

manypixels

https://www.manypixels.co/gallery/

ビジネスシーンで使いやすいシンプルでスマートなイラスト素材が掲載されています。
Web制作でも使いやすい「svg」形式もダウンロードできます。Web上でイラストのメインカラーを指定できるのも便利。
有料の会員プランに加入で、素材のリクエストやイラスト以外の制作を受けてくれるサービスもあります。英語表記なので、日本語翻訳でライセンスは確認しましょう。

イラストタッチビジネス、シンプル
形式png、svg
商用利用
加工
クレジット表記なし
有料プランあり(449$〜/月額)

いらすとや

http://www.irasutoya.com/

「いらすとや」はジャンルを問わず、使いやすくてやわらかい絵柄が特徴の有名なイラストサイト。
時事ネタアニメネタなども取り入れた、ニッチで面白いイラストも豊富にあります。
無料のイメージが強く定着しているサイトですが、商用利用の場合は1媒体につき20点以内まで(それ以上は有償)、加工はいらすとやの原型を損なわないことなど、利用規約を必ず確認しておきましょう。

イラストタッチ柔らかい、やさしい
形式png
商用利用〇(1媒体につき20点以内まで。その他、使用用途によって利用不可の場合あり)
加工△(いらすとやの原型を留めた範囲であること)
クレジット表記なし

イラストAC

http://www.ac-illust.com/

多くのイラストレーターが投稿した高品質なイラスト素材が掲載されているサイト。
無料のアカウント登録でグループサイト全体で利用できます。無料会員は一日のダウンロード数、検索回数に制限あり。
商用利用が可能ですが、商品化を伴う場合には利用できないので注意です。素材によってはライセンスを購入も可能。

イラストタッチ作者による
形式jpeg、png、ai
商用利用
加工
クレジット表記任意
会員・ユーザー登録必要(グループサイトは共有)
有料プランあり(1,272〜/月額),単品購入

「TOWN illust」建物系イラスト

http://town-illust.com/

デザイナーの「ダーヤマ」さんの運営する建造物が中心のイラストストック素材サイト。
有名な建物や街の風景などの素材が大量に掲載されており、カラーバリエーションも豊富です。
ダウンロード形式はWeb制作にも便利なsvgなど、複数の形式を用意。幅広い制作の現場で使えます。

イラストタッチマテリアル、シンプル
形式jpeg、png、ai、svg、eps
商用利用
加工
クレジット表記なし

「ダ・レース」レース素材

http://da-lace.com/

こちらも「ダーヤマ」さんが運営するおしゃれなレース素材サイト。
1デザインにつき4色のカラーバリエーションと、3種類の比率が異なるレース素材がダウンロードができます。サイズは6種類。
アクセサリーの台紙デザインなどにも使えます。グッズデザインなどに使用する場合は、お店に3商品まで。

イラストタッチ ガーリー、シンプル
形式 jpeg、png、svg
商用利用
加工
クレジット表記 なし

シルエットデザイン

http://kage-design.com/

「ダーヤマ」さんが運営するシルエット素材のサイトです。ブラウザ上で素材のカラーやサイズが調整でき、比率違いや一部のデザイン違いも選択できます。
グッズに使用する場合は15種類まで、アプリやゲームでは1つにつき30素材までと、利用方法によって制約があります。利用規約を確認しましょう。

イラストタッチシルエット、シンプル
形式jpeg、png、svg、ai
商用利用
加工
クレジット表記なし

「フキダシデザイン」

http://fukidesign.com/

「ダーヤマ」さんが運営するフキダシ専門の素材のサイト。 1デザインにつき約5つのバリエーション違いがあり、ブラウザ上でサイズやカラーが変更可能。さらに簡単な文字入れにも対応しています。グッズに使用する場合は3種類まで。漫画風や個性的なデザインにも相性ぴったりです。

イラストタッチポップ、シンプル
形式jpeg、png、svg、ai
商用利用〇(20個までは無料、20個以上は指定の条件をクリアする)
加工
クレジット表記原則なし(20個以上の利用で指定の方法で紹介)

「Bg-patterns」背景パターン

http://bg-patterns.com/

「ダーヤマ」さんが運営する背景画像やパターン素材のストックサイト。
WebデザインやDTPデザインにも幅広く活用できる、シームレスな(継ぎ目がない)パターン素材が豊富に掲載されています。1デザインにつき、複数のバリエーション。ブラウザ上で画像サイズやパターンサイズ、カラーが調整でき、グランジ加工なども行えます。(Google ChromeとFirefoxに対応中)

イラストタッチシンプル、マテリアル、パターン
形式jpeg、png、svg、ai、eps
商用利用〇(商品化は5グッズまでなど制約あり)
加工
クレジット表記なし

いらすとん

http://www.irasuton.com/

色鉛筆や水彩で描かれたシンプルでゆるかわいいイラスト素材サイト。
季節のイベントや行事の素材が多く、子ども向けの作品やポストカート、やさしい印象を与えたい作品に活躍しそうです。

イラストタッチ手描き風、シンプル
形式jpeg
商用利用
加工
クレジット表記なし

イラストレイン

http://illustrain.com/

シンプルでかわいらしいイラスト素材サイト。春夏秋冬のイベントや様々なシーンや用途に合わせた素材が豊富に揃っています。
ジャンルやイラストによってタッチやテイストが異なるため、多くの点数を同じタッチで揃えたい場合は少し注意です。

イラストタッチシンプル、手描き風
形式png
商用利用
加工
クレジット表記なし

アイコン・シンボル系素材のオススメサイト6選

Webデザイン制作や図解制作などに使いやすい、アイコンやシンボル素材サイトを紹介。
フォントアイコンのコードはもちろん、画像ファイルもダウンロードできるので、便利なサイトがたくさんあります。

Metrize Icons 丸アイコン素材

http://www.alessioatzeni.com/metrize-icons/

Webサイト制作や開発制作に使える丸アイコンのマテリアル素材がダウンロードできます。
全素材を一括でダウンロードでき、Webサイト制作で便利なWebフォントで使用するための文字コードやガイドラインが同梱されています。1つ手元に持っておきたいアイコン素材セットです。

形式pdf、psd、svg、ai、eps、Webフォント
商用利用
加工
クレジット表記なし

ICOON MONO

http://icooon-mono.com/

モノトーンでシンプルに使いやすいモノクロアイコン素材サイトです。
デザイン制作だけでなく、資料作成やビジネスシーンでも使いやすい豊富なアイコンが揃っています。ブラウザ上でサイズやカラーを調整できるほか、複数素材の一括ダウンロードや、Webサイトでの利用に便利な「html/CSS」のコードを書き出すこともできます。

形式jpeg、png、svg、ai、eps
商用利用
加工
クレジット表記なし

FLAT ICON DESIGN-フラットアイコンデザイン-

http://flat-icon-design.com/

WebデザインやUIデザインの現場で広く使いやすい、フラットデザインのアイコン素材サイト。
平面で立体感のないデザインが特徴。1デザインにつき、背景あり・背景なし・影のみなどのバリエーション違いがあります。ダウンロード形式も多数あり、幅広い制作の現場で活躍できそうです。

形式jpeg、png、svg、ai、eps
商用利用
加工
クレジット表記なし

マテリアルアイコン

https://material.io/resources/icons/?style=baseline

Googleが提供する「GoogleFonts(グーグルフォント)」のサービスの一つで、シンプルで使いやすいマテリアルアイコン素材を配布しています。
Webデザインや開発の現場で使いやすいよう、アイコンのCSSコードもダウンロードできます。かなり膨大な種類があり、GoogleFontsと合わせて使いやすいこともメリットです。

形式png、svg、アイコンフォント
商用利用
加工
クレジット表記なし

iconmonstr

https://iconmonstr.com/

ドイツのデザイナーによって制作された、シンプルなアイコン素材を提供するサイト。
png素材はブラウザ上でサイズ・カラーが調整でき、アイコンのデザインスタイルを塗りつぶしか、線のみのデザインか分けて検索できます。

形式png、svg、psd、pdf、eps
商用利用
加工
クレジット表記なし

ハンコでアソブ

http://hankodeasobu.com/

ハンコの少しかすれたテクスチャからやさしい雰囲気が感じられるイラスト・アイコン素材サイトです。
ダウンロードの際はイラストが個別ではなく、1つの透過pngになるので、個別で使いたいときは別途編集が必要です。サイトデザインのあしらいや、手描き系のデザインと相性ぴったりです。

形式png
商用利用
加工
クレジット表記なし

イラスト素材の利用で気をつけるポイント

イラスト素材のグッズ化や利用範囲に注意

イラストやアイコンの素材はグッズ制作やロゴ制作などでも使いやすい反面、各サイトで利用範囲が定められています。
特に「商標登録」 に関しては多くの素材サイトで禁止されていることがほとんどです。

例:
LINEスタンプ
素材イラストそのものをグッズ化 etc…

素材の再配布に抵触しないように注意する

多くの素材は本来提供しているサイト以外で、再配布や提供が禁止されています。中でも再配布に引っかかりやすいのが、画像やアイコンを自動生成するジェネレーターサービスです。
素材そのものを配布していなくても、ジェネレーターサービスの利用規約によっては本来のサイトの規約に違反してしまう場合があります。

例:
画像生成ジェネレーターなどの利用
ロゴやデザインの自動生成アプリやサービスでの利用 etc…

イラスト素材の解像度や加工・編集に注意する

イラスト素材を加工する場合はダウンロードした際の、ファイル形式サイズに注意しましょう。
ファイル形式によって、加工には向かないものや、お手持ちのソフトでは開けないこともあるかもしれません。 制作の目的に合わせて、最適な形式の素材を使いましょう。

そのまま使う場合に便利
jpeg:一般的な画像フォーマット。軽くて扱いやすいのが特徴ですが、過度な拡大・縮小の加工には不向きです。
png:背景を透過(透明)できる、素材向けのフォーマット。サイズが大きくなりがちですが、きれいに見えるのがメリット。同じく過度な拡大・縮小の加工は不向き。

加工・編集して使いたい場合に便利
Ai:Adobe Illustratorの基本フォーマット。編集や加工に強く印刷物やデザイン制作の幅広い現場で使われるソフトに対応した形式です。ソフトで編集後は、jpegやpngなどの形式に書き出せます。
ESP:印刷に最適化したフォーマットで、Adobe Photoshopなどのソフトで編集ができます。
PSD:Adobe Photoshopnoの基本フォーマット。色の調整や加工が得意なソフトで、編集後は任意の形式に書き出せます。
SVG:Webでの表示に最適化したフォーマットです。Web向けのデザインや制作にぴったりです。Illustratorでも編集ができます。

素材を編集したい場合は、PhotoshopやIllustratorなどの拡張子に対応したソフトを使いましょう。

まとめ:便利なイラスト素材でデザイン制作を時短しましょう

今回は便利なイラスト・アイコン素材サイトを紹介しました。
デザイン制作から、最近人気の図解制作にも使いやすいため、いろいろな現場で活用できるかと思います。

素材の完成度も高いものばかりで、デザイン制作がはかどりますね!気になるサイトはブックマークしておこうと思います!

【11月スタート】46期Webクリエイティブコース募集中!

 

クリエイターズファクトリーでは毎週、説明会・相談会を開催しております。
オンラインでも参加が可能となります。
受講生の9割が全くの未経験からWeb業界へ進んでいますので、不安を感じている方でも安心して受講いただけます。
詳しく聞きたい方は、説明会にご参加下さい。

ご質問にはなるべく早く回答します

誰でもお気軽にご相談ください。