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

参照元  コリス

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

参照URL  https://coliss.com/articles/build-websites/operation/work/akar-icons-by-artcoholic.html


アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、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でよく使用するアイコンが揃っています。

アロー

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

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

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

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

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

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

@memo

webデザイン

https://ift.tt/3gWwz0C

June 28, 2021 at 08:03AM

Follow me!