コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。itシンプルなフリーアイコンやかわいいフリーアイコン、ちょっとゆるい感じのフリーアイコンが揃う素材サイトをまとめて紹介します。シンプルなアイコンは使い勝手がとても良いので、ウェブサイトやブログとも相性は抜群。パワーポイントやエクセルなどの資料作成にも役立ちます。使いやすい素材サイトのポイントフリーアイコン素材はフラットな物が流行りスマートフォンとの相性やデザイン的なトレンドもあり、アイコンはフラットな物が人気です。アイコンをフリーで配布しているサイトも沢山あります。フリーとは言えデザインに統一感を出す為にも、アイコンの種類が多いサイトに絞って紹介しています。※紹介するサイトは無料で商用利用可能、クレジットも不要ですが、注意事項は各サイトでご確認くださいね。白や黒のモノクロやカラー変更も商用利用可能なアイコン素材を無料でダウンロードできる素材配布サイトです。なんとフリーアイコンの数は6000個以上!WEBデザインやDTPのほか、ビジネス資料にも活用できるアイコン素材をがストックされています。背景が透過された画像もあります。白と黒だけでなく、青や赤など好きな色に変更出来ます。画像サイズも用途に合わせて変更してください。MONOのより詳細な使い方を紹介しています。強みはバリエーションの多さ紹介している時点では4512個以上のフリーアイコンと316のコクションがあります。コレクションとはカテゴリーよりも細かくグルーピングされたもの。英語表記ですがアイコンに名前が付いているので探しやすいです。コレクションページから検索するのがおすすめです。先ほど載せたアップルのアイコン画像は同じテイストで5つのバリエーションがあります。種類とバリエーションが多いアイコンは統一感が出しやすく、とても使い勝手が良いです。この記事ではデスクトップのデザイン用に紹介します。Free版ですが、ウェブサイトでよく使うアイコンが揃います。デザイン後、画像化する事なくコーディングに使えるので軽量かつ編集も楽です。Free版の一括ダウンロードアイコン画像を見ながら個別にダウンロード、もしくは一括でのダウンロードが出来ます。Googleが提供するシンプルな高品質アイコンGoogleが提供するマテリアルアイコン。ウェブサイトやアプリでよく使われていて、どんなデバイスでも読み易く美しい表示が出来る様に設計されたアイコンです。マテリアルアイコンとはUI全体で一般的に使用される普遍的な概念をシンプルかつ最小限の形式で表現するために、設計ガイドラインを使用して作成されたアイコンの事。シンプルでモダン、読み易さと明瞭さが特徴です。Fontsから入手できます。画像形式だけでなくウェブフォントとしても利用できるわけです。アイコンは、SVGまたはPNG、Web、Android、およびiOSプロジェクトに適した形式が揃っています。アプリでデザイン制作し、そのまま同じアイコンをコーディングに使う事が出来ます。アイコンはいくつかの形式で利用でき、さまざまなタイプのプロジェクトやプラットフォーム、アプリの開発者、モックアップやプロトタイプのデザイナーに適しています。パスが編集できる商用フリーのアイコン素材集パスが後から編集出来るので、忙しいデザイナーには有難いですね。日本語サイトなので分かり易く、安心です。ラインが細いタイプと太いタイプの2種類あるので自身のデザインのテイストに合わせやすいです。デザイナーの為に配布されているアイコンですね。画像サイズをクリックする事で変更できます。アイコンを無料でダウンロードできるアイコンサイトダウンロードした素材は、WEBサイトやアプリのアイコン、DTPデザインなどに使用可能です。MONOとほぼ同じです。使いやすい素材サイトのポイントデザインに統一性を持たせるためにも、アイコンの種類やバリエーションが多いサイトを紹介しました。Proといったサービスを使えば、探す手間も無く素材が沢山見つかります。Canvaを使えばブログのアイキャッチ画像や紙の配布物なども簡単に作れるので、お試しで利用してみてください。検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。