概要
Web アプリやサービスでダッシュボードを作成したことはありますでしょうか?
一般的にダッシュボードとは様々なデータをグラフィカルにまとめ、一目で理解できるようにデータを可視化することを指します。
ダッシュボードの多くは企業の業績やマーケティング関連のデータを、表やグラフで分かりやすく表現するツールとしてビジネスシーンに広く活用されているかと思います。
そんなダッシュボードですが、グラフィカルかつ分かりやすくデータを表示することが求められていますので、時にはきれいな図だったりアイコンなどを用意することも多くあります。
そこで、ダッシュボードを作成する際に必要なアイコンなどをすでに用意してくれている OSS を GitHub から見つけましたので、今回はこちらについてご紹介したいと思います。
今回ご紹介する OSS は、Web アプリやサービスでダッシュボードを作成するときに必要となるアイコンをまとめて提供してくれる「Dashborad Icons」になります。
こちらの「Dashborad Icons」にはダッシュボードを作成する際に必要なりうるであろうアイコンがまとめられています!
それでは早速詳細について見ていきましょう!
目次
特徴
「Dashborad Icons」の特徴ですが、なんといってもダッシュボードを作成する際に必要となるアイコンがかなりの数用意されています。
また、ダッシュボードの作成以外でも、Web アプリやサービスを作成する際に利用できそうアイコンもいくつか用意されています。
アイコンの数は 1000 以上用意されているようなので、何か良いアイコンを探している際は、こちらの OSS を一度参照してみるのもよいかと思います。
利用手順
利用方法としてはいくつかありますが、オンラインダッシュボードの場合は、CDN(Content Delivery Network)を利用すると簡単に利用することができます。
https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/example.png
の example
の部分を利用したいアイコン名に変更するだけで利用することができます。
または以下のようにコマンドを入力してインストールすることもできます。
curl -O https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/example.png # または wget https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/example.png
使用感
実際に自分もどのようなアイコンが用意されているのか、こちらの「Dashborad Icons」のについて見てみました。
以下のページからアイコン一覧を確認することができますが、Web サービスのものだったり有名どころのアイコンがたくさん用意されていました。
アイコン集を見るとアルファベット順に並んでいそうですね。
アイコンを簡単に探してみたいという方は、ぜひこちらのアイコン集から探してみてください!
まとめ
今回は、Web アプリやサービスでダッシュボードを作成するときに必要となるアイコンをまとめて提供してくれる OSS「Dashborad Icons」についてご紹介しました。
有名どころのアイコンなどがたくさん用意されており、ダッシュボード作成や Web サービス作成時にアイコンを使用したいなと考えている方にとっては役立つのではないでしょうか?
ぜひ一度、アイコンなどを探しで困っている方は、こちらの「Dashborad Icons」を参照してみてください!
ライセンス
アイコンについて
ソースコードについて
Copyright (c) 2022 Bjorn Lammers