webデザイン

【無料・商用利用可能】本当に良質なイラスト・アイコン素材10選

midori
midori
こんにちは〜!midoriです。
今回は現役webデザイナーが実際に使用している「イラスト・アイコン素材」をどどんと10サイト教えます〜

Freepik

Freepikは、アイコンやイラストの他に写真データもある、無料素材サイトです。

ただ、1日のダウンロード上限があり、未登録の場合は3データ、無料登録ユーザーは10データしかダウンロードできません。

有料ライセンス(月額1.200円程度)を取得すると1日100データのダウンロードが可能になります。

商用利用可能ですが、クレジット表記が必要となりますよ〜!

  • ダウンロード上限あり。無料ユーザーは10回まで。
  • クレジット表記が必要
  • 画像データ・ベクトルデータどちらも豊富
  • 背景やフレーム素材など、バナー作成に使えそうな素材が沢山ある

Freepik

linustock

Linustockはベクターの線画に特化した素材サイトです。

なんと太っ腹にクレジット表記なしでも大丈夫!EPS形式も選べる為、色などの変更も可能です。

イラストは随時増えていく上に、リクエストもできるのでブクマをお勧めします。

  • クレジット表記不要
  • PNGとEPS形式が選べる
  • クオリティ高く親しみのあるイラストが多い

Linustock

LINE ILLUST.COM

LINE ILLUST.COMさんは、手で書いたような、温かみのあるイラストが多いです。

クレジット表記は不要。PNG・EPS形式のデータなので、加工も可能!

女性向けのデザインに良きで、「何か物足りん。。」を解決してくれる素材サイトです。

  • クレジット表記不要
  • PNGとEPS形式が選べる
  • ラフな手書きイラストが多い

LINE ILLUST.COM

manypixels

英語表記なんで不安感半端ないですがね(笑)そんなものGoogle翻訳で一発解決です。

manypixelsは何と言っても、ブラウザ上で任意の色に変えられるのが良い!

実際の見た目を確認してからダウンロードができる。そしてクレジット表記も不要。

PNGとSVGでダウンロードできるので、データの加工も可能です。

  • クレジット表記不要
  • PNGとSVG形式が選べる
  • 線画じゃ物足りない!リアルなイラストを欲してる方に最適

manypixels

undraw

このブログTOPでも使用させていただいてる素材サイトです。

こちらもmanypixels同様、ブラウザ上で色を変えられるから便利。

PNG・SVG形式のダウンロード可能。クレジット表記不要です。

こんな良質なイラストが使い放題なんて。。なんて時代だ!!

  • クレジット表記不要
  • PNGとSVG形式が選べる
  • ITのジャンルが多いイメージ。ブログのサムネイルにもいいかも

undraw

flaticon

webサイトを作成する際に1番お世話になる、アイコン素材サイト。

無料プランだとクレジット表記が必要。プレミアムプラン(月額1,000円程度)でクレジット表記が不要となります。

また、「コレクション」という機能があり、カテゴリ毎にアイコンを貯めておくことが可能。これも無料だと3つまでしか作れません。(プレミアムだと無制限〜♪)

PNGとSVGでダウンロードが可能。

webアイコンフォントとしても使える

flaticonはwebアイコンフォントとしても使えます。

Webアイコンフォントとは、HTMLのタグや特有のクラス名を付与することで、簡単にWebサイト上にアイコンを表示できるサービスです。 

引用:WEB DESIGN TRENDS

ただ、一度「コレクション」に追加した上でダウンロードする必要があるので、詳しくは公式サイトをご覧ください(英語だからGoogle翻訳使うこと推奨)

  • 無料プランだとクレジット表記が必要
  • プレミアムプラン(月額1.000円程度)だとクレジット表記不要
  • PNGとSVG形式が選べる
  • webアイコンフォントとして使える

flaticon

ITG Digital

これまた全文英語で訳かわらんちんなんですが、良質なイラストの宝庫です。

こちらはなんと、ブラウザ上で色だけじゃなくパーツも変更可能。例えば塗り画を線画に変えたり。イラストパーツ毎変えたり出来ます!

ただここで大きな罠が!(笑)

jpg、png、svgダウンロード可能なんですが、jpg以外をダウンロードしようとすると「3ドル払うか、プランをアップグレードしろ」って言ってくるんですよね(汗)

もちろんプランのアップグレードは有料。月額2,800円程度か、1年22,800円程度。高いんですけど、良質なイラストが多いので納得です。

  • クレジット表記不要
  • ブラウザ上でパーツや色の変更が可能
  • jpgだったら無料でダウンロード可能
  • 有料でpng、svgのダウンロードも可能

ITG Digital

Delesign

イラストやアイコンの他にも、webデザインやチラシ、はたまたメルマガのテンプレートなど素材豊富!(メルマガは英語だからデザインの参考って感じだけど)

ワンクリックでPNGとSVGがダウンロード可能。ブラウザ上で色の変更も可能です。

  • クレジット表記不要
  • PNG・SVG
  • webデザイン・チラシ・メルマガなど多種多様な素材が豊富

Delesign

【番外編】いらすとや

このイラスト1回は見たことありますよねw

私のブログでも使ってはいますが、実務で使うことはほぼないです。。

ただ、面白みを出したい時には効果的。更新頻度も高いのも魅力的です。

  • クレジット表記不要
  • pngのみ。加工はできない
  • 更新頻度が高いし、日本の情勢にあったイラストが多い

いらすとや

以上!素材サイト10選ご紹介しました!

クオリティの高いイラストやアイコンを使う事も、全体クオリティの底上げになるので、是非参考にしてくださいませ〜

では今回はこのへんで。