これでもうUIデザイン用のSVGアイコンに困らない! 2,000種類以上が揃った商用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
Post on:2023年12月6日
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。
このアイコンの特徴は、小さいサイズでもくっきり見えること。2,452種類のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。
![小さいサイズでもくっきり見えるUIデザイン用のSVGアイコン- MingCute Icon](http://coliss.com/wp-content/uploads-202304/2023120501@2x.png)
MingCute Icon
MingCute Icon -GitHub
MingCute Iconの特徴
MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォーマットは、SVG, PNG, Webフォントがサポートされています。
ライセンスはApache License 2.0で、個人でも商用でも無料で利用でき、改変・再配布・アプリの埋め込みも可となっています。
![MingCute Iconの特徴](http://coliss.com/wp-content/uploads-202304/2023120502@2x.png)
MingCute Iconの特徴
アイコンの数は前回紹介したときは1,000種類でしたが、v2.88にアップデートされ、ついに2,452種類になりました。
下記の画像は通常よりかなり小さくしていますが、アイコンがくっきり見えるようにデザインされているのが分かると思います
![MingCute Iconのアイコン](http://coliss.com/wp-content/uploads-202304/2023120503@2x.png)
MingCute Iconのアイコン全2,452種類
MingCute Iconのダウンロード
アイコンのダウンロードは、下記ページから。
上部の「Download」をクリックすると、最新版のアイコンのすべてがセットになったzipファイルをダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-01@2x.png)
ダウンロードしたzipファイルを解凍すると、SVGアイコンがカテゴリごとにまとめられています。Webフォントもfontsフォルダに揃っています。
![ダウンロードしたアイコン素材](http://coliss.com/wp-content/uploads-202304/2023120505@2x.png)
![ダウンロードしたアイコン素材](http://coliss.com/wp-content/uploads-202304/2023120505@2x.png)
ダウンロードしたアイコン素材
アイコンは個別にもダウンロードできます。
アイコンを選択すると、モーダルが表示されるので、アイコンのカラーやサイズを変更したり、フォーマットを選択してダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-02@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-02@2x.png)
MingCute Iconのアイコン
MingCute Iconのサイトは、こちらから。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-01@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-01@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-01@2x.png)
アイコンは2,452種類あるので、左上のカテゴリで見ると便利です。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-03@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-03@2x.png)
MingCute Icon: arrow
アイコンの検索もでき、目的のアイコンを簡単に探せます。たとえば、検索用のアイコンは「search」ですぐに一覧表示されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-04@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-04@2x.png)
MingCute Icon: search
カテゴリごとに探してみると、面白いアイコンが見つかるかもしれません。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-05@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-05@2x.png)
MingCute Icon: business
「device」には、スマホやタブレットやラップトップだけでなく、ルーター・スピーカー・バッテリー・ゲームなどもあります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-06@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-06@2x.png)
MingCute Icon: device
「food」には、かわいくデザインされた飲食物のアイコンがたくさんです。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-07@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-07@2x.png)
MingCute Icon: food
「media」には、AirPodsなんかもありますね。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-08@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-08@2x.png)
MingCute Icon: media
「logo」も主要なサービスのロゴが揃っています。もちろん、X(旧Twitter)もあります。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-09@2x.png)
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202304/2023120504-09@2x.png)
MingCute Icon: logo
sponsors