BanbaYa備忘録　WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons

アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。

コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。

Akar Icons
Akar Icons -GitHub

Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。

Akar Icons

アイコンはSVGで、線幅やサイズを変更できます。

線幅を1px, 2px, 3pxに変更

SVGなので、ここで紹介した以外のサイズにも変更できます。

サイズを12px, 24px, 64pxに変更

283種類のアイコンをいくつか紹介します。
数は特に多いというわけではありませんが、WebサイトやスマホアプリのUIでよく使用するアイコンが揃っています。

アロー

@やハート、ダウンロード、ハンバーガー、リンク、コメントなど

拡大・縮小・チェック・コメント・アラート・クラウドなど

電話・コメント・デバイス・サーチ・ロック・画像・ベルなど

メール・タグ・設定・バグ・スター・ゴミ箱など

レストラン・飛行機・植物・風・雨・フェイスマークなど

グッド・バッド・ソーシャルメディア・オンラインサービスなど