シンプルなフリーアイコンやかわいいフリーアイコン、ちょっとゆるい感じのフリーアイコンが揃う素材サイトをまとめて紹介します。
特にシンプルなアイコンは使い勝手がとても良いので、ウェブサイトやブログとも相性は抜群。パワーポイントやエクセルなどの資料作成にも役立ちます。
この記事の目次
フリーアイコン素材はフラットな物が流行り
スマートフォンとの相性やデザイン的なトレンドもあり、アイコンはフラットな物が人気です。アイコンをフリーで配布しているサイトも沢山あります。
フリーとは言えデザインに統一感を出す為にも、アイコンの種類が多いサイトに絞って紹介しています。
※紹介するサイトは無料で商用利用可能、クレジットも不要ですが、注意事項は各サイトでご確認くださいね。
ICOOON MONO
ICOOON MONOの特長 白や黒のモノクロやカラー変更も
商用利用可能なアイコン素材を無料でダウンロードできる素材配布サイトです。なんとフリーアイコンの数は6000個以上！
WEBデザインやDTPのほか、ビジネス資料にも活用できるアイコン素材をがストックされています。
白と黒だけでなく、青や赤など好きな色に変更出来ます。また画像サイズも用途に合わせて変更してください。
※ちなみに、中が切り抜かれた透過アイコンをそのまま使う場合はPNGなどの対応した形式でダウンロードしてください。
利用方法
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | JPG・PNG・SVG・AI・EPS |
| サイズ選択 | 複数サイズあり |
以下の記事では、ICOOON MONOのより詳細な使い方を紹介しています。
リンク先：ICOOON MONO
iconmonstr
iconmonstrの特長 強みはバリエーションの多さ
紹介している時点では4512個以上のフリーアイコンと316のコクションがあります。
コレクションとはカテゴリーよりも細かくグルーピングされたもの。英語表記ですがアイコンに名前が付いているので探しやすいです。
コレクションページから検索するのがおすすめです。
例えば、先ほど載せたアップルのアイコン画像は同じテイストで5つのバリエーションがあります。
種類とバリエーションが多いアイコンは統一感が出しやすく、とても使い勝手が良いです。
PNG形式の場合は、サイズやカラー、アイコンの囲み枠まで自由に変更出来ます。
利用方法
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | SVG・PNG |
| サイズ選択 | 複数サイズあり |
リンク先：iconmonstr
Font Awesome
Font Awesomeの特長 ウェブサイトでそのまま使える
ウェブ制作でお馴染みのFont Awesome。この記事ではデスクトップのデザイン用に紹介します。
Free版ですが、ウェブサイトでよく使うアイコンが揃います。デザイン後、画像化する事なくコーディングに使えるので軽量かつ編集も楽です。
アイコン画像を見ながら個別にダウンロード、もしくは一括でのダウンロードが出来ます。
Figma、Sketch、Adobe Illustratorなどのベクター対応のデザインアプリが必要です。
利用方法
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | SVG |
| サイズ選択 | ベクター形式なので不要 |
リンク先：Font Awesome
一括でダウンロード：Font Awesome
マテリアルアイコン
マテリアルアイコンの特長 Googleが提供するシンプルな高品質アイコン
Googleが提供するマテリアルアイコン。ウェブサイトやアプリでよく使われていて、どんなデバイスでも読み易く美しい表示が出来る様に設計されたアイコンです。
- マテリアルアイコンとは
- UI全体で一般的に使用される普遍的な概念をシンプルかつ最小限の形式で表現するために、設計ガイドラインを使用して作成されたアイコンの事。
シンプルでモダン、読み易さと明瞭さが特徴です。
昔と違い、今ではGoogle Fontsから入手できます。つまり、画像形式だけでなくウェブフォントとしても利用できるわけです。
アイコンは、SVGまたはPNG、Web、Android、およびiOSプロジェクトに適した形式が揃っています。
アプリでデザイン制作し、そのまま同じアイコンをコーディングに使う事が出来ます。
アイコンはいくつかの形式で利用でき、さまざまなタイプのプロジェクトやプラットフォーム、アプリの開発者、モックアップやプロトタイプのデザイナーに適しています。
マテリアルアイコンガイド
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | SVG・PNG |
| サイズ選択 | ベクター形式なので不要 |
リンク先：Google Fonts
ICON BOX
ICON BOXの特長 パスが編集できる商用フリーのアイコン素材集
パスが後から編集出来るので、忙しいデザイナーには有難いですね。日本語サイトなので分かり易く、安心です。
ラインが細いタイプと太いタイプの2種類あるので自身のデザインのテイストに合わせやすいです。
まさにデザイナーの為に配布されているアイコンですね。
画像サイズをクリックする事で変更できます。
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | PNG・SVG |
| サイズ選択 | 複数サイズあり |
リンク先：ICON BOX
Icon rainbow
Icon rainbowの特長 PNGやJPG、SVGなどファイル形式多数
商用利用可能なアイコンを無料でダウンロードできるアイコンサイト
ダウンロードした素材は、WEBサイトやアプリのアイコン、DTPデザインなどに使用可能です。
雰囲気は違いますが、サイトの作りは最初に紹介したICOOON MONOとほぼ同じです。
| 商用利用 | 可能 |
|---|---|
| リンク・クレジット表記 | 不要 |
| ファイル形式 | JPG・PNG・SVG・AI・EPS |
| サイズ選択 | 複数サイズあり |
リンク先：Icon rainbow
まとめ 使いやすい素材サイトのポイント
デザインに統一性を持たせるためにも、アイコンの種類やバリエーションが多いサイトを紹介しました。
フォトショップやイラストレーター等の画像編集アプリを持っていなくてもCanva Proといったサービスを使えば、探す手間も無く素材が沢山見つかります。
Canvaを使えばブログのアイキャッチ画像や紙の配布物なども簡単に作れるので、お試しで利用してみてください。
note
