Toyokumo kintoneApp Blog

kintone(キントーン)向けのアイコンサイト13選|設定方法も紹介

トヨクモ編集部のサムネイルアイコン トヨクモ編集部

kintone(キントーン)でアプリを作成する際、アイコンを設定する必要があります。アイコンはすぐにアプリを見つけられるよう、認識しやすいデザインにすると使いやすくなります。

しかしアプリを多く作ったことにより「探すのが大変」「デフォルトのアイコンではどのアプリか把握しにくい」という方もいるのではないでしょうか。

アプリを探すのに悩んでいるなら、外部サイトから素材をダウンロードし、オリジナルアイコンを作成して設定するのがおすすめです。

本記事は、kintoneのアイコンに活用できるフリー素材サイトを13個紹介します。設定方法やアイコンの選び方、効果的に活用する方法も解説するので、ぜひ参考にしてみてください。

kintone(キントーン)のアイコンとは?

kintoneのアイコンとは、スマートフォンのようにホーム画面に表示されるアプリの画像のことです。kintoneの場合、ポータル画面上にアプリの名前とともに表示されます。

kintoneのアイコンは、なんのアプリか認識しやすいよう自由に決められます。デフォルトで46種類のアイコンが用意されており、作成したアプリに合わせて選択が可能です。

kintone内に適したアイコンがない場合は、フリー素材をダウンロードしたり、自作したりして設定することもできます。

なお、kintoneについてあまり詳しくない方に向けて、以下の記事で特徴や機能などを詳しく紹介しています。導入を検討している方は、ぜひ参考にしてみてください。

関連記事:わかりやすいkintone(キントーン)とは?特徴・機能、メリットを解説

kintoneのアイコンをカスタマイズするメリット

kintoneのアイコンをカスタマイズするメリットとして、以下の3つがあります。

  • 視覚的に分かりやすくなる
  • kintoneへの苦手意識を払拭できる
  • 掲示板やスペースの操作性を高められる

kintoneを有効利用する方法も把握できるので、ぜひ参考にしてみてください。

視覚的に分かりやすくなる

kintoneのアイコンをカスタマイズする大きなメリットは、視覚的に分かりやすくなることです。

そもそもkintoneには、デフォルトでおよそ50個のアイコンが用意されています。ユーザーは、その中から好きなアイコンを選んで設定できるようになっていますが、デフォルトのアイコンの種類は限られているため、使用してい行くうちに重複してしまう可能性があります。

そのようなときは、自身で用意したアイコンを使用し、アプリごとに異なるアイコンを設定するのがおすすめです。そうすることで一目で何のアプリなのかが分かり、検索の手間や時間が省けます。

kintoneへの苦手意識を払拭できる

kintone初心者やデジタルツールに苦手意識のある方でも、アイコンのカスタマイズによって抵抗感を軽減できます。

オリジナルのアイコンに変更するとkintoneへの愛着が湧き、利用頻度が上がったり、作業や情報共有がよりスムーズになったりと、さまざまなメリットが得られます。

自分やチームでアプリデザインを決めることで「自分たちで使うもの」であることを認識しやすくなり、kintoneアプリへの理解を深めながら使えるでしょう。

掲示板やスペースの操作性を高められる

お知らせ掲示板やスペースにアプリを貼りつけることで、トップページでボタンのように運用できます。

お知らせ掲示板は、ポータルに表示されるメンバーに共有したい情報を掲載できるエリアのことです。使用頻度の高いアプリを掲載することで、すぐに情報を把握しやすくなります。

たとえば、会社情報をまとめたアプリを作成して貼りつけることで会社全体の情報をすぐに確認できるようになり、優先度の高い仕事や自分が行うべき業務を理解して仕事を進められるでしょう。

また、スペースは特定のメンバーがメッセージやファイルなどを共有できる場所のことです。スペース内に部署やプロジェクトごとによく使われるアプリを設置すれば、作業効率を高められます。

たとえば、人事部で求職者の管理アプリをスペースに配置した場合、求職者の採用ステータスを速やかに確認でき、求職者の対応漏れをメンバー全員で防止できます。

kintoneの使いやすさがより向上しやすくなるので、アプリのアイコンとともに、お知らせ掲示板やスペースを設定しましょう。

なお、お知らせ掲示板やスペースは以下の記事で詳しく紹介しているので、ぜひ参考にしてみてください。

関連記事:kintoneのスペース機能とは?共有やカスタマイズで業務効率を上げる方法を解説!
関連記事:kintone掲示板の使い方・情報共有、非ユーザーとのやり取り

kintoneのアイコンを無料ダウンロードできるサイト11選

kintoneのアイコンを無料ダウンロードできるサイトを、11個紹介します。

  • ICONE
  • KUMA ICON
  • SACCSY
  • FLAT ICON DESIGN
  • Icon-rainbow
  • ICOOON MONO
  • CMAN
  • IFN
  • icon-pit
  • SILHOUETTE ILLUST
  • OWL STOCK

上記サイトのアイコンは、すべて商用利用できます。作成したアプリにあったアイコンを見つけるためにも、ぜひ参考にしてみてください。

ICONE

出典:ICONE

ICONEは、デザイン制作会社「ユニークワーク(UNIQUE WORK)社」が公開しているアイコン制作サイトです。「教育」「IT」「製造」など業種別に用意されたアイコンは、どれもビビットな色使いで分かりやすく、その場で簡単にダウンロードできます。

もし気に入ったデザインが見つからないときには、自動生成機能の利用がおすすめです。自動生成機能は、入力した文字やアップロードした画像を組み合わせて、自動でオリジナルアイコンが生成できる便利な機能です。

業務や担当者ごとにカラーを指定したり、会社のロゴを入れたりといった作業が簡単にできるので、初心者でも難しく感じることはありません。

X(旧Twitter)の公式アカウントでは新デザインなどのアップデート情報も見られます。オリジナルアイコンなどの制作依頼も可能です。

KUMA ICON

出典:KUMA ICON

KUMA ICONは、kintone用アイコンのダウンロードサイトです。

影やグラデーションなど不要な装飾を一切省いたシンプルなデザインが特徴で「全体的に落ち着いた雰囲気にしたい」「ナチュラルなアイコンを探している」といった場合に向いています。背景は、青、緑、赤、黄、白から選択可能です。

気に入った画像をクリックするとカラー選択画面が現れ、好きな色を選んでダウンロードするだけで新しいアイコンが手に入ります。普段の業務からイベントに至るまで、さまざまなデザインのアイコンが提供されているので、シーンに合わせて選んでみましょう。

KUMA ICONでは、サイト内にないアイコンも有料で作成してもらうことが可能です。文字やロゴなどを入れたい場合は、相談してみてください。

SACCSY

出典:SACCSY

SACCSYは、サイボウズ公認パートナーのアイコンダウンロードサイトです。100以上のアイコンは、人、デジタル、帳票などでカテゴライズされているため、探しやすいのが魅力です。

動物柄の可愛らしいものから、文字だけのシンプルなものまで、さまざまなデザインのアイコン素材を揃えられます。

ダウンロードの手順も簡単なので、初めての方でも気軽に使用できます。より独自性の高いアイコンがほしい場合は、有料で制作してもらうことも可能です。見積もりや相談などは無料で行っているので、気軽に問い合わせてみるといいでしょう。

FLAT ICON DESIGN

出典:FLAT ICON DESIGN

FLAT ICON DESIGNは、できるだけシンプルかつ実用的なデザインのアイコンを探している方におすすめのダウンロードサイトです。

kintone専用のアイコンダウンロードサイトではありませんが、余計な装飾を省いたフラットなデザインのアイコンは、どのようなシーンでも活用できる汎用性の高いものとなっています。kintoneの業務効率化を図りたい場合にもピッタリです。

kintoneのデフォルトアイコンと同様に絵の右下に影が付いたデザインなので、単発でダウンロードしたアイコンを使用しても、問題なく他のアイコンと馴染むのも嬉しいポイントです。

サイト内では膨大な数のアイコン素材が提供されていますが、カテゴリー別に検索ができるので、お目当てのアイコンがすぐに探せるでしょう。また、使いやすいJPGやPNG画像に加え、AiデータやEPSデータ、SVG画像まで対応しています。

Icon-rainbow

出典:Icon-rainbow

Icon-rainbowは、kintoneだけでなく、WebデザインやDPT制作、スマートフォンのメニューアイコンまで幅広い素材を提供しているサイトです。

表示されたアイコン素材をクリックすると、その場でカラーやサイズをカスタマイズできます。カラーは11色、サイズも7種類用意されているので、シンプルでありながらオリジナル感の高いアイコンが作れます。

インターネット/ビジネスなど大カテゴリーを選んだあと、さらに小カテゴリーから素材を探せ、目的のデザインを見つけるのも非常に簡単です。

画像をクリックすると、JPG、PNG、SV、Ai、EPSの選択ボタンが表示されるため、希望に合ったものをクリックしてダウンロードできます。

ICOOON MONO

引用:https://icooon-mono.com/

ICOOON MONOはシンプルで使いやすいアイコンが豊富にあるサイトです。

カテゴリーが16個に分かれており「ビジネス・金融」「記号・マーク」「PC・家電・通信」「教育・科学」などがあります。カテゴリーに合わせてアイコンを探せるため、作成したアプリにあったものを見つけやすいのがメリットです。

たとえばkintoneでアンケートフォームをアプリで作成する際「ビジネス・金融」でカテゴリーを調べると「アンケート用紙のアイコン素材」があるので、アイコンとして活用できます。

アイコンは16px〜512pxから、7種類のサイズが選べます。形式はPNG、JPG、SVGの3種類あり、ダウンロード後アレンジしてオリジナルのアイコンを作成したい場合にも利用可能です。

複数の画像を選択することも可能で、複数のアプリアイコンを設定したいときにも簡単にダウンロードできます。

シンプルな素材で、アプリを統一させたい場合にICOOON MONOはおすすめです。

CMAN

引用:https://sozai.cman.jp/

CMANは、システム開発・運用を手掛ける株式会社シーマンが提供するアイコンサイトです。

アイコンは24種類のカテゴリーに分かれており「コンピューター関連」「乗り物」「工具」などがあります。

約2,700種類のアイコンがあるため、アプリに合ったものを選びやすいでしょう。

たとえば、社用車の予約アプリを作った場合に、「乗り物」をクリックするだけで車のアイコンがすぐに表示されます。さらに小カテゴリーに「車」があり、車だけでも14種類あるため、普通車や軽トラなど社用車の種類に合わせて選べます。

サイト内でアイコン・背景のカラーの変更やサイズの変更、回転・反転などができるので、デザインの自由度が高いのがメリットです。

ダウンロード後に画像編集せずに利用できるため、アイコン作成に手間をかけたくない人におすすめです。

IFN

引用:https://illustration-free.net/

IFNは、ディティールにこだわったデザインのアイコンが特徴のサイトです。

種類が豊富で、PCのアイコンだけでも次のような種類があります。

  • ノートパソコンでダウンロード
  • ノートPCと棒グラフ
  • ロック解除されたノートPC
  • パソコンモニター
  • ネットショッピング など

データ分析アプリを作るなら「ノートPCと棒グラフ」のアイコン、権限管理アプリを作るなら「ロック解除されたノートPC」のアイコンといったような使い分けが可能です。

アイコンのダウンロード画面を開くと、関連するアイコンが表示される点も特徴です。関連するアイコンを確認することで、ダウンロードしているアイコンよりもアプリにあった画像を選べる可能性があります。

アプリの特徴を捉えた最適なアイコンを見つけたい場合に、細部まで表現にこだわったIFNがおすすめです。

icon-pit

引用:https://icon-pit.com/

icon-pitは、4,800点以上のアイコンがあるサイトです。

ポップで丸みを帯びたデザインが多く、親しみやすいアプリデザインにしたい場合に向いています。

たとえば、業務マニュアルをkintoneアプリで作成する場合、icon-pitの辞書アイコンを活用することで、親しみやすいアプリとなり、新入社員の抵抗感を減らせる可能性があります。

AI形式でダウンロードできるので、Illustratorを使用している企業にもおすすめです。

また、詳細カテゴリーの機能もあり、アプリに合ったアイコンを探しやすい点も魅力です。

たとえば「お金・ビジネス」のカテゴリーを選択した場合、以下のような詳細カテゴリーに分かれており、アプリのジャンルに合わせて必要なアイコンを見つけやすくなっています。

  • ビジネス
  • お金
  • 金融
  • 資料
  • 店舗 など

ただし、画像のサイズはすべて1,000pxのため、編集ソフトでサイズの調整が必要です。

SILHOUETTE ILLUST

引用:https://www.silhouette-illust.com/

SILHOUETTE ILLUSTは、影絵形式のアイコンに特化したサイトで、10,000点以上の素材があります。

icon-pitと同じデザイナーが提供しており、親しみやすいデザインが特徴です。幅広いジャンルのアイコンがあり、アプリに合ったアイコンを見つけられます。

たとえば、社用車のメンテナンスを記録するアプリを作成したいのであれば、「自動車のメンテナンス」というアイコンを利用できるでしょう。

ビルのメンテナンス会社であれば「エレベーターの点検のシルエット」というシルエットがあり、メンテナンス管理アプリに最適です。

ただし、icon-pitと同様、ダウンロード後にサイズを変更する必要があります。

OWL STOCK

引用:https://owl-stock.work/

OWL STOCKは、モノクロのアイコンとカラーのアイコンの2種類があるサイトです。癖がなくカジュアルに使えるアイコンが多いため、kintoneへの抵抗感を軽減できるアプリを作成しやすいのが特徴です。

電卓やニュースなどのアイコンがあり、経費管理アプリやお知らせ共有アプリなどに利用できます。

サイズは500×500pxのため、56×56pxに編集して使用しましょう。

シンプルなアイコンを作りたい人は、OWL STOCKがおすすめです。

kintoneアイコンを自作できるサイト2選

kintoneアイコンを自作できるサイトを2つ紹介します。

  • Canva
  • DesignEvo

どちらのサイトも無料で利用できます。

初めてでも簡単に使用できるサイトですので、ぜひ試してみてください。

Canva

引用:https://www.canva.com/ja_jp/

Canvaは、図解やプレゼンテーションなど幅広いものが作れるサイトです。

無料素材が豊富で、図形の作成やテキストの挿入なども可能なので、初心者でも簡単にオリジナルアイコンを作成できます。検索機能でアプリに関連したアイコンを見つけられるので、探すのに手間がかかりません。

また、ほかのサイトからダウンロードした素材を、Canvaで加工することも可能です。

無料でも十分に利用できますが、有料プランに加入することで、より多くの素材を使用できます。アプリに合った無料素材がない場合は、有料素材に変更するのも一つの手です。

テンプレートの検索・デザインの編集まで、一貫して行いたい場合や、一から自作したい場合はCanvaを利用しましょう。

DesignEvo

引用:https://www.designevo.com/jp/

DesignEvoはロゴ制作ができるサイトで、多くのテンプレートが用意されています。

ロゴのテンプレートを選択すると編集画面が開かれ、テキストやイラストなどの追加・変形・削除が可能です。

無料で使えるロゴテンプレートが1万点以上あり、以下のようなカテゴリーがあります。

  • 自動車&物流
  • ビジネス&ファイナンス
  • 産業&建設
  • 法律&政治
  • レター

あらかじめロゴのテンプレートが用意されているため自作しやすく、デザイン初心者におすすめです。

kintoneのアイコンを選ぶ3つのコツ

kintoneでは、アイコンを選ぶ際に押さえておきたいコツがあります。ここでは、kintoneをより使い勝手のいいツールにするためのポイントをご紹介します。

  • アプリの特徴を表すアイコンにする
  • 全体のデザインに統一性を持たせる
  • 適切なサイズのアイコンを選ぶ

アプリの特徴を表すアイコンにする

kintoneのアプリアイコンを選ぶ際に重要視したいのが、アプリの内容とイメージが一致しているかという点です。

SNSのように自分だけが使用するツールであれば、自分の好みに合わせてアイコンを選んでも問題ありませんが、kintoneはチームや社内スタッフなど複数人で共有することを前提としています。

そのため、いつ誰が見ても認識のずれが生じないよう、イメージとアプリ内容が一致するアイコンを設定することが原則です。

「かわいいから」「おしゃれだから」といった理由だけで選んでしまうと、必要なときにアプリを探す手間が余計にかかったり、違うアプリだと誤解するメンバーが出てきたりするため注意しましょう。

全体のデザインに統一性を持たせる

アイコンのデザインに統一性を持たせることも、kintoneを使いやすくするポイントです。

いくらアプリの中身とイメージが一致するからといって、テイストの異なるアイコンがズラリと並んでいると、全体的に乱雑に思えて「見にくい」と感じやすくなります。

見にくいと感じるツールを、積極的に使おうとするユーザーは少ないでしょう。そのため、使用する文字に共通性を持たせたり、業務や部門ごとにカラーを設定したりなど、統一感のあるアイコン設定にしておくことが大切です。

適切なサイズのアイコンを選ぶ

アプリアイコンの画像サイズは、縦×横=56×56(px)程度が最適です。

文字やカラーに加え、画像サイズも統一しておくと、よりアイコンが見やすく、複数のアプリの中から必要なものだけを探しやすくなります。

kintoneアイコンの設定方法

既存アプリの、kintoneアイコンを設定する方法を紹介します。

はじめに設定画面を開き、アプリのアイコンをクリックしましょう。

次に「設定」から「アイコンと説明」をクリックします。

2.アプリのアイコンをクリックする

「画像をアップロードする」を選択し、参照からダウンロードした画像をアップロードしましょう。

3.参照からアイコンをアップロードする

設定が終わったら、「保存」をクリックして設定画面に戻ります。

「アプリを更新」をクリックすれば設定は完了です。

アイコンは何度でも自由に変更できるので、使い勝手の良さを考慮しながらカスタマイズしましょう。

kintoneアプリに合ったアイコンを設定して操作性を高めよう

kintoneではアプリアイコンを設定でき、機能や用途にあったデザインにすることでアクセスのしやすさが向上します。親しみのあるデザインにすれば、kintoneへの苦手意識を軽減できるため、新入社員に向けたアプリを作成する際にも最適です。

kintoneのアイコンを選ぶ際はアプリの特徴を表す画像を使用したり、全体のデザインに統一性をもたせたりすることで、使い勝手が増します。

kintone内に装備されているアイコンが、自社アプリに合ったものではない場合は、ぜひ素材サイトや自作できるサイトを利用して、アプリを用意しましょう。

なお、kintoneでアプリをより便利に使いたい場合は、kintone連携サービスの導入も大切です。kintone連携サービスを導入することで機能を拡張でき、作成したアプリのデータと連携させて業務効率化を実現しています。

トヨクモではkViewerFormBridgeなど、さまざまなkintone連携サービスを用意しています。

  • kViewer:ライセンスを持たない人でも、kintone内の情報を閲覧できるkintone連携サービス。Webぺージに予定表や顧客リストなどを作成し、共有することで社員全員が閲覧できる
  • FormBridge:申請フォームを作成できるkintone連携サービス。送られたフォームを利用することで、自動でレコードに追加でき、お問い合わせ管理やアルバイトスタッフのシフト管理などに活用できる

トヨクモのkintone連携サービスを30日間無料で体験できるので、kintoneでより効率的に情報共有や申請フォームの情報管理を行いたい方は、お気軽にご利用ください。

トヨクモ編集部のサムネイルアイコン

トヨクモ編集部


kintoneを便利に活用する情報を発信|サポートチーム全員がkintone資格保有者|【クラウドで、もっと便利に。もっと簡単に。】をモットーに活動

その他のお役立ち情報 Other Useful Information

サービスカタログや過去のセミナー動画、FormBridgeを応用したもっと便利な活用方法などを紹介しています。


私たち、トヨクモのサービス Our Services

kintoneをより使いやすくするためのkintone連携サービスです。30日間の無料お試しへぜひお申し込みください。