デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
Post on:2022年5月18日
Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードできるIconerを紹介します。
当ブログでもこれらのアイコン素材を紹介してきましたが、すべてを一覧できるので、比較して自分にぴったりのアイコン素材を見つけることができると思います。また、アイコンのダウンロードも簡単なので、非常に便利です。
![UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer](http://coliss.com/wp-content/uploads-202202/2022051701-01.png)
Iconerは、MITライセンスやApache 2.0などで公開されているUIデザイン用のアイコンをカスタマイズ・ダウンロードできるWebアプリです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-02.png)
Iconer: ダークモードにも対応
アイコン素材は人気が高いものが揃っています。当ブログで紹介したアイコンもかなり揃っています。ホームのアイコン一つとってもデザインがさまざまで、比較できるのがいいですね。
![Iconerに登録されているアイコン素材](http://coliss.com/wp-content/uploads-202202/2022051702.png)
Iconerに登録されているアイコン素材
アイコンの一覧は、ライセンス別・タイプ別・タグ別で表示できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-03.gif)
アイコンのほとんどは、MITライセンスとApache 2.0です。
Iconerをさっそく使用してみました。登録など面倒なことは一切不要です。
まずは、Bootstrapのアイコンを見てみました。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-04.png)
Iconerの便利ところは、各アイコン素材を統一したカテゴリで表示できることです。アローのアイコンを探したい! そんな時は「Arrows」から一覧表示されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-05.png)
アイコンは右パネルでカスタマイズもできます。サイズ・ストローク・カラーなどを変更すると、すぐに反映されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-06.gif)
アイコンのカスタマイズ: カラーの変更
アイコンのダウンロードも簡単です。
1つのアイコンをダウンロードするにはアイコンをクリックするとSVGがコピペできます。すべてのアイコンを一括でダウンロードするには右下の「Download All Icons」からフォーマットを選んでダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202202/2022051701-07.png)
すべてのアイコンを一括でダウンロード
sponsors