ホームページ制作で使えるフリーのアイコン素材集５選
2020.02.12 Posted by Design team
今回は、ホームページ制作で使えるフリーのアイコン素材サイトを紹介します。
無料でダウンロードできるフリーアイコン素材とは言っても、どんな使い方をしても問題がないというわけではありません。実際に使用する時に、下記の3点を必ずチェックしてから使いましょう。
- 利用規約
- ライセンス
- クレジット表記
※以下で紹介するサイトの素材の一部は有料で使用可能なものもあります
icooon-mono【汎用性が抜群】
シンプルで且つ汎用性の高いアイコンが数多く揃えられています。
特徴
- ビジネスシーンや生活シーンで使えるアイコン
- アイコンサイズが変更できる
- 色が変更できる
- PNG / JPG / SVGのフォーマット
icons8【無料素材の数が10,000点も】
アイコン素材の点数が圧倒的に多く、ジャンルの幅も広いサイトです。
例えば同じ「HOME」アイコンでも、異なるディテールのものがいくつも選べます。
特徴
- 単体アイコンだけでなく、セットもある
- スタイル別 / デバイス別 / カテゴリー別などで分かれているので探しやすい
- MYコレクション機能があり、よく使うものをストックできる
- アイコンフォントとして使える
- PNG / PDF / SVGのフォーマット
- ダウンロード前にオンライン編集可能
- アイコンスタイルが30種類以上
- デスクトップ用のアプリもあるのでデザインツールと連携できる
※一部の機能は有料です
FLAT ICON DESIGN【フラットアイコンが印象的】
ハイクオリティでポップなフラットアイコンが多数あり、トレンドのWebデザインで使える場面が広いサイトです。
特徴
- 高いクオリティ
- アイコンサイズが変更できる
- 色が変更できる
- PNG / JPG / SVGのフォーマット
Material Icons【マテリアルデザインならこれ】
https://material.io/resources/icons/
Googleによるマテリアルデザインのガイドラインで、ホームページでよく使われるアイコンが一通り揃っています。
特徴
- 同じアイコンでの異なるスタイル（塗りつぶし/シェープ/アウトラインなど）あり
- アイコンフォントとして使える
- PNG / SVGのフォーマット
- アイコンサイズが変更できる
orion【ライン型アイコンのクオリティーが高い】
ライン型・塗りつぶし・カラフル・フラットの4つのアイコンスタイルがあり、数も6000を超えるサイト。ライン型のアイコンは線の幅もオンラインで調整可能です。
特徴
- 高いクオリティ
- 豊富なカテゴリー
- Web Appも利用可能
- AI / PNG / SVGのフォーマット
- アイコンサイズが変更できる
- 色が変更できる
- アイコンフォントとして使える
いかがでしたでしょうか。
自作するのは難しいし時間のかかるアイコン。自社のホームページに合ったものがあれば是非利用してみてください
関連記事こちらの記事も合わせてどうぞ。
