おしゃれなサイトを作りたいとき、イラスト・アイコン・写真などの素材は必要不可欠な存在ですが、全て自前で用意するのはなかなか大変ですよね。

そこでこの記事では現役エンジニアの私が実際によく使うフリー素材サイトをご紹介していきます。

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

＼ 素材を自由にカスタマイズするなら ／

アイコン編

Font Awesome

おそらく一番使われているであろうアイコンサイト。丸っこいデザインで可愛い系なのが特徴。

Font Awesomeは企業アイコンも多く重宝します。

海外のアイコンサイトでYahoo!のアイコンがあるものは結構貴重。

サイト上での編集	・色の変更 ・サイズ変更 ・回転
ダウンロード・使用形態	・SVG ・CDN

Potlab Icons

動くアイコンが超簡単に使えるサイト。

使いたいアイコンをクリックするとSVGをコピーすることが出来るので、HTMLなどに貼り付ければすぐにアニメーション付のアイコンを使うことができます！

WordPressの場合はカスタムHTMLブロックにそのままコピーすればOK

実際に使ってみたらこうなります↓

ダウンロード・使用形態	・SVG（コード）

icon-rainbow

Font Awesomeよりも細かいイラスト寄りのアイコンが多い印象です。

サイト上での編集	・色の変更 ・サイズ変更
ダウンロード・使用形態	・PNG ・JPG ・SVG ・AI ・EPS

icooon-mono

人物アイコンが多くて重宝します。

ちなみにあの神プラグイン「ポチップ」の足あとはここのアイコンだったりします。

サイト上での編集	・色の変更 ・サイズ変更
ダウンロード・使用形態	・PNG ・JPG ・SVG ・AI ・EPS

REMIX ICON

スタイリッシュな印象のアイコン。

Nintendo Switchのアイコンもあったので、ゲーム系のサイトに使えそう。

サイト上での編集	・色の変更 ・サイズ変更
ダウンロード・使用形態	・PNG ・SVG ・NPM

Google Fonts

Google大先生のアイコン。

サイト上で細かく編集ができるので、好みのアイコンを作ることが可能。

サイト上での編集	・色の変更 ・サイズ変更 ・線の太さ ・線の間隔 ・塗りのON/OFF
ダウンロード・使用形態	・PNG ・SVG ・CDN

ぬくもりアイコン

手書き風のかわいいアイコン。おすすめは動物系。

120px × 120pxとサイズが小さめなので、ワンポイントで使うのがいいかも。

ダウンロード・使用形態	・PNG ・JPG

イラスト編

イラストAC

一番使用頻度の高いサイト。

ユーザー投稿型の素材サイトなので素材数がかなり多く、いろいろなタッチの素材が見つかります。

無料会員だと検索回数やダウンロード回数などに制限があるので、慎重に吟味してからダウンロードするようにしましょう。

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

ダウンロード・使用形態	・PNG ・JPG ・AI （素材による）

ソコスト

シンプルで優しいタッチのイラストが使えるサイトです。

人物や季節・行事のイラストが多いのでアイキャッチ作りに最適。

サイト上での編集	・色の変更
ダウンロード・使用形態	・PNG ・SVG ・EPS

線画のみ、塗のみの画像もダウンロードできます

shigureni

かわいい女の子とたまに動物たちのイラスト素材サイトです。

素材数はそこまで多くないですが、かなり特徴的で可愛いイラストなので目立ちます。

ダウンロード・使用形態	・PNG

Loose Drawing

手書き風のイラスト素材が集まったサイト。

色もポイント使いなのでどんなデザインにも溶け込みます。

サイト上での編集	・色の変更
ダウンロード・使用形態	・PNG ・JPG ・SVG（有料）

Linustock

ちょっとシュールでゆるい線画の素材サイト。

パスがアウトライン化されていない、線と色でレイヤー分けがされていることで、加工がしやすいという神仕様にもなっています。

加工するならEPSでダウンロード→イラレで

ダウンロード・使用形態	・PNG ・EPS

線画のみ、塗のみの画像もダウンロードできます

SASHIE

シュールすぎる線画が集まった素材サイト。

バナーなんかに使うと案外クリック率が良かったりしますｗ

ダウンロード・使用形態	・PNG ・SVG

IRA Design by Creative Tim

グラデーションが綺麗でLPにピッタリのビジネス向けイラスト。

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

サイト上での編集	・色の変更
ダウンロード・使用形態	・PNG ・SVG

ベクターシェルフ

ヴィンテージ風なイラストで独特なタッチが特徴的。

カラーバリエーションも豊富です。

ダウンロード・使用形態	・PNG ・SVG ・AI

えんぴつ素材

その名の通りえんぴつで書いたようなタッチのイラスト。

アイコンとしてさりげなく使っても可愛いかも。

ダウンロード・使用形態	・PNG

Tech Pic（テックピック）

箱庭っぽいテイストが特徴のイラストサイト。

ダウンロード・使用形態	・PNG

時短だ

フラットデザインが可愛い素材サイト。

一つの素材に対して数種類のカラーバリエーションがあるだけでなく、色の編集も部分的に細かくいじることが可能。

姉妹サイトのそらまるぶろぐでは、挿入イラストはほぼこちらのサイトのものを使用しています。

サイト上での編集	・色の変更 ・サイズ変更 ・テキストの追加
ダウンロード・使用形態	・PNG ・JPG ・SVG ・AI

使用数に制限あり

凡デザイン

一筆書きっぽい感じの線画イラスト。

ダウンロード・使用形態	・PNG ・AI（有料）

DOT ILLUST

ドットイラストを使いたいなら絶対ここ！

サイト自体もドットデザインでこだわりを感じます。

イラストだけでなく背景や枠線に使えそうな素材もあるので、サイトまるごとドット風にすることもできちゃいそう。

ダウンロード・使用形態	・PNG ・SVG

商用利用の場合使用数に制限あり

ヴィンヴィレ-VintageVillage-

ヴィンテージ風のイラスト。個性的な雰囲気のサイトになりそう。

ダウンロード・使用形態	・PNG

フキダシデザイン

使用頻度の高いフキダシがたくさんある！

形別や感情タイプ別で探せるのでお目当てのものが見つけやすいです。

サイト上での編集	・色の変更 ・サイズ変更 ・テキストの追加
ダウンロード・使用形態	・PNG ・JPG ・SVG ・AI

使用数に制限あり

写真編

O-DAN

お洒落な画像がたくさん見つかるサイトです。写真を探すときは私はここを一番よく使います。

このサイトのメインビジュアルのうさぎの写真もここから探したものです！

海外サイトをメインに複数のサイトから写真を検索できるサービスなので、日本人がモデルの写真はあまりありません。

風景や建物の写真が特におすすめです。

ダウンロード・使用形態	素材による

写真AC

イラストACのグループサイトです。日本人モデルがメインなのでLPや広告に使いやすいです。

ダウンロード・使用形態	・JPG

さいごに

今回は私が実務やブログ作りで実際によく使用するサイトをご紹介しました！

クオリティの高い素材が無料で使えてしまうので、いつもありがたく使わせていただいています。

SVGやAIでダウンロードできるものはイラレで自由に編集できるので、イラレも使えるとよりデザインの幅が広がりますよ。

おわり！

＼ 素材を自由にカスタマイズするなら ／