これはすごく便利!85,000個のアイコンから選んで、自分好みにカスタマイズしてダウンロードできる -Icons8
Post on:2018年11月8日
当ブログでもたくさんの無料アイコンを紹介してきましたが、自分にぴったりのアイコンを探すのはかなり大変だと思います。85,000個以上の高品質なアイコン素材を自由にカスタマイズしてダウンロードできる新しいIcons8を紹介します。
下記のようにカラー変更は当たり前、要素を加えたり、文字入れしたり、さまざまなカスタマイズに対応しています。SVGも完備されているので、重宝しますね。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110803.gif)
Icons8の使い方
Icons8の使い方は、簡単です。
さまざまな機能が用意されていますが、直観的にすべてを利用できると思います。
アイコンの選択から、カスタマイズ、ダウンロードまでざっと説明します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-01.png)
まずは、アイコンの選択。
左パネルから、もしくは右パネルから、好みのスタイルを選択すると、アイコンが一覧表示されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-02.png)
アイコンの選択
よく使用する虫眼鏡アイコンを選択してみました。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-03.png)
虫眼鏡アイコンを選択
アイコンを選択すると、そのアイテムを使用したさまざまなスタイル・デザインのアイコンが表示されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-04.png)
スタイル・デザインを選択
カスタマイズしてみます。
まずは、カラー。見本のカラーがいくつかあり、また細かく値を指定してカラーを変更することもできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110805.gif)
カラーの変更
続いて、オーバーレイではアイコンにさまざまな要素を重ねることができます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-05.png)
オーバーレイ
テキストを加えることも可能です。現在日本語は対応していませんが、公式サイトは日本語対応なので、そう遠くないうちに対応するかもしれません。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-06.png)
文字の追加
カスタマイズは他にもいろいろあるので、試してみてください。ここではこれで完了にします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-07.png)
カスタマイズ完了
ダウンロードは、「Download」ボタンをクリックすると、ファイルのフォーマットやサイズを選択できます。
.png, .svg, .eps, .pdfに対応しているので、かなり使えます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-08.png)
アイコンのダウンロード
カスタマイズしたアイコンは、左パネルの下にドロップすると、登録できます(要ログイン)。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110804-09.png)
アイコンの登録
アイコンのライセンスはCC BY-ND 3.0で、個人でも商用でも無料で利用できます。ただし、Icons8へのリンクが必要です。
詳しくは、ライセンスページをご覧ください。
無料で利用できるアイコンはなんと、85,000個以上
シンプルなアイコンをはじめ、デザインに凝ったカラーのアイコンまで、85,000個以上のアイコンが利用できます。アイコンはカテゴリごとに分かれており、見ているだけでも楽しめます。
いくつかカテゴリをピックアップしてみました。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-01.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-02.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-03.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-04.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-05.png)
1em アイコン
めっちゃ、ちっちゃいです!
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-06.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-08.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-10.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201804/2018110806-11.png)
New Icons
新しいアイコン素材もどんどん追加されています。
sponsors