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