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

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

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

UIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons

Akar Icons
Akar Icons -GitHub

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

サイトのキャプチャ

Akar Icons

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

線幅の変更

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

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

サイズの変更

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

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

アイコンのキャプチャ

アロー

アイコンのキャプチャ

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

アイコンのキャプチャ

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

アイコンのキャプチャ

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

アイコンのキャプチャ

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

アイコンのキャプチャ

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

アイコンのキャプチャ

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

sponsors

top of page

©2021 coliss