WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
Post on:2021年6月28日
アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。
コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。
![UIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons](http://coliss.com/wp-content/uploads-202102/2021062801@2x.png)
Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-01.png)
アイコンはSVGで、線幅やサイズを変更できます。
![線幅の変更](http://coliss.com/wp-content/uploads-202102/2021062802-02.gif)
線幅を1px, 2px, 3pxに変更
SVGなので、ここで紹介した以外のサイズにも変更できます。
![サイズの変更](http://coliss.com/wp-content/uploads-202102/2021062802-03.gif)
サイズを12px, 24px, 64pxに変更
283種類のアイコンをいくつか紹介します。
数は特に多いというわけではありませんが、WebサイトやスマホアプリのUIでよく使用するアイコンが揃っています。
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-04.png)
アロー
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-05.png)
@やハート、ダウンロード、ハンバーガー、リンク、コメントなど
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-06.png)
拡大・縮小・チェック・コメント・アラート・クラウドなど
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-07.png)
電話・コメント・デバイス・サーチ・ロック・画像・ベルなど
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-08.png)
メール・タグ・設定・バグ・スター・ゴミ箱など
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-09.png)
レストラン・飛行機・植物・風・雨・フェイスマークなど
![アイコンのキャプチャ](http://coliss.com/wp-content/uploads-202102/2021062802-10.png)
グッド・バッド・ソーシャルメディア・オンラインサービスなど
sponsors