DXやkintoneの伴走支援について、皆で考える研究所。

kintoneのアイコンが作成できるおすすめサイト5選!変更手順や活用方法も解説

kintoneのアイコン作成・変更方法を解説

kintoneでは、各アプリに任意のアイコンを設定することが可能です。わかりやすいアイコンを設定することで、どの情報がどのアプリで管理されているのかをひと目で判断できるようになります。
一方、kintoneにデフォルトで用意されているアイコン数には限りがあるため「アプリ数が増えてアイコンが被ってしまう」といった悩みを抱えるユーザーが多いのも事実です。

そこで当記事では、kintoneのアイコンを作成できるおすすめサイトとその設定方法、その他の活用方法をご紹介します!
今すぐ自社のkintoneに取り入れられる内容となっていますので、是非参考にしてみてください。

この記事でわかること

  • kintoneのアイコン作成ができるサイト
  • kintoneアイコンの変更・活用方法

こんな人におすすめの記事です

  • kintoneアイコンを工夫してわかりやすいアプリにしたい方
  • kintoneアイコンの作成・変更方法を知りたい方

▼ポータルカスタマイズのYoutube動画も合わせてご覧ください!

kintoneアイコンの役割

kintoneのアイコンとは、アプリごとに設定できる画像のことです。
kintoneのポータル画面上で名前とともにアイコンが表示されます。

コムデック kintone アイコン

アプリの内容とアイコンがマッチしていれば、ひと目で「このアプリは〇〇業務のものだ」と判断できます。
2022年12月7日現在、kintoneには46種類のデフォルトアイコンが用意されており、アプリ内容に合ったアイコンの設定・変更が可能です。

コムデック kintone アイコン

しかし、管理する業務が増えるごとにアプリも増加します。
その結果、デフォルトアイコンだけでは数が足りない、同じアイコンばかりになってしまい視覚的な判別が難しい、デフォルトアイコンの中にアプリ内容にマッチするアイコンがないといった「深刻ではないけれどちょっと不便」なお悩みを抱えたままのケースが少なくありません。

このような悩みを解決するためにおすすめなのが、アイコンサイトの利用です。kintoneのアイコンは無料サイトでダウンロードしたり、新規で作成したりできます。
アイコンを工夫すれば、アプリで管理している内容が視覚的・直感的にわかりやすくなるので、まずはアイコンをダウンロードできるサイトをご紹介していきます。

kintoneアイコンを作成できる無料サイト5選

kintoneアイコンを作成またはダウンロードできる無料サイトを5つ紹介します。

  • ICONE
  • KUMA ICON
  • FLAT ICON DESIGN
  • SACCSY
  • icon rainbow

それぞれ作成できるアイコンのイメージに特徴があります。以下のセクションでサイトの特徴・使い方を紹介するので、参考にしてみてください。

ICONE|文字入れ可能、kintoneアプリのイメージに近い

「ICONE」は、デザイン制作会社「株式会社ユニークワーク」が運営しているkintone用アイコンサイトです。
kintoneアプリのイメージに近く、2022年12月現在で約500種類のアイコンをダウンロードできます。

コムデック kintone アイコン

また、業種別で使えるkintoneアイコンの無料ダウンロードだけでなく、テキストやアップロード画像をもとにしたオリジナルアイコンの自動生成も可能です。

【ICONEの使い方】

  1. 好みのアイコンをクリックし、SVGもしくはPNGダウンロードを選択
  2. 自動生成の場合は、トップページ右上の「アイコンを自動生成」をクリック
  3. アップロード画像やテキスト、フォントやカラーなどを指定
  4. PNGダウンロードをクリック

コムデック kintone アイコン

アイコン数が多いだけに少しサイトが重たいのがたまにキズですが、ICONEなら簡単に自社のアプリオリジナルのアイコンを作成・ダウンロードできます。

KUMA ICON|かわいい・癒やしのイメージ

「KUMA ICON」は、ICONEと同様kintoneアプリ用のアイコンサイトです。
かわいい・癒やしイメージのアイコンを無料でダウンロードできます。2022年12月現在、45種類(各種選べる5色)のアイコンが用意されています。

コムデック kintone アイコン

【KUMA ICONの使い方】

  1. トップページから好みのアイコンを選択、もしくは検索してクリック
  2. 5種類のカラーを選択してダウンロード

コムデック kintone アイコン

KUMA ICONはICONEと比べて選べるアイコンが少ないものの、kintoneとは違ったテイストのアイコンが豊富です。

FLAT ICON DESIGN|シンプルかつ実用的なイメージ

「FLAT ICON DESIGN-フラットアイコンデザイン-」は、アイコン素材を無料ダウンロードできるサイトです。
シンプルかつ実用的なイメージのアイコンが約500種類も用意されています。

コムデック kintone アイコン

PNGだけではなく、JPEGやEPS、SVG、illustrator Aiなど、さまざまな拡張子でのダウンロードが可能となっています。

【FLAT ICON DESIGNの使い方】

  1. トップ画面内の詳細ページから、任意の素材を選択
  2. ダウンロードしたい形式(JPEGやillustrator Aiなど)をクリック
  3. 表示された素材を右クリック、もしくはドラッグで保存

コムデック kintone アイコン

ダウンロードした素材は、kintoneアイコンだけでなくWebサイト・スマートフォンなどのアプリ、DTPの制作やパワーポイントなどで使用できます(再配布・再販は不可)。

SACCSY|シンプルからかわいいまで幅広いイメージ

「SACCSY」は、サイボウズ公認パートナーのアイコンサイトです。
テキストや書類などを模したシンプルな素材から、動物や人物などのかわいいアイコンまで幅広いイメージが揃っています。

コムデック kintone アイコン

【SACCSYの使い方】

  1. トップページ内の「ICONページ」をクリック
  2. 好みのICONを選択してダウンロード

コムデック kintone アイコン

2022年12月現在、SACCSYでは約220種類のICONが掲載されています。

icon rainbow|カラフル×オリジナルのイメージ

「icon rainbow」は、素材とサイズやカラーなどを組み合わせることでオリジナルアイコンを作成できる無料サイトです。
アイコン素材の数が豊富なだけでなく、色味はカラーチャートから自由自在に編集できます。

コムデック kintone アイコン

【icon rainbowの使い方】

  1. トップページから好みのアイコン素材を選択
  2. サイズ・カラーを選択
  3. ファイル形式をクリックしてダウンロード

コムデック kintone アイコン

アイコン素材が数千種類あり、色数にも制限が無いのが嬉しいですね。

kintoneアイコンを変更する手順

kintoneアイコンを作成したら、既存のアプリに設定されているアイコンを変更しましょう。変更手順は以下のとおりです。

①レコード一覧画面右上の歯車アイコンから「設定」のボタンをクリック

コムデック kintone アイコン

②アプリのアイコンを変更する

コムデック kintone アイコン

③「参照」から作成したアイコンを選択

コムデック kintone アイコン

④「保存」をクリック

⑤アイコンの表示が変わったら「アプリを更新」

コムデック kintone アイコン

これでアイコンを変更できました!
アイコン変更は、kintoneが用意しているデフォルトから選択もしくは他サイトでダウンロード・作成したアイコンをアップロードできます。
アイコンを変更するためにはアプリの管理権限が必要になりますので、自分にその権限があるか確認しておきましょう。

アイコンのサイズは、kintoneが公表している目安である「56×56(px)」を使うと良いでしょう。
推奨サイズより大きい分には問題ありませんが、小さいと画像がぼやけてしまうので注意が必要です。

kintoneアプリのアイコンを活用する際の3つのポイント

kintoneアプリのアイコンを活用する際のポイントを3つ紹介します。

  • わかりやすいアイコンを作成する
  • 業務ごとに色を統一する
  • お知らせ掲示板で活用する

上記を押さえておけば、kintoneアプリを最大限使いやすいものにできます。それぞれ解説するので、参考にしてみてください。

アプリの内容がわかりやすいアイコンを選択・作成する

kintoneアイコンは、アプリの内容がわかりやすいものを選択・作成するのがポイントです。

アプリが少ないときはさほど不便に感じませんが、数が増えるごとに特定のアプリを見つけるのに手間がかかります。
ひと目で内容がわかるアイコンを設定することで、アプリを探す無駄な時間を省けます。
画像では伝わりにくい時には、文字を入れたアイコンで伝わりやすさを重視しましょう。

業務ごとに色や画像を統一する

kintoneアイコンを工夫するなら、アイコンの色や画像を業務ごとまたは部署ごとに統一しましょう。
例えば、営業系は赤・社内申請系は黄色などにしておくことで「このアプリは営業部署が使うアプリだな」というようにひと目でアプリ内容の種類を判断できるようになります。

あるいは、「近い情報を管理している業務はアイコンの画像をそろえて色だけ変える」のもおすすめです。
コムデックでは、社労士業務改善パッケージでアイコンの画像を同じ「メモ」にし、それぞれ色を変えています。

コムデック kintone アイコン

お知らせ掲示板に貼り付けてボタンにする

kintoneアイコンは、トップページにあるポータル画面の「お知らせ掲示板」でも活用できます。
画像を貼り付けて、その画像にリンクを設定すれば、ボタンのように運用することが可能です。
トップページによく使うアプリのアイコンを設定しておけば、すぐに使いたいアプリにアクセスすることができます。

アイコンを貼り付けるだけでも十分kintoneの使い勝手は良くなりますが、さらにポータル画面を上手く活用したいならもう一工夫加えるのがおすすめです。
使い勝手をよりよいものにするための「お知らせ掲示板カスタマイズ方法」を以下の記事で詳しく解説しています。
▼kintoneのお知らせ掲示板のカスタマイズ方法を解説!ポータル・スペース画面をより便利に!

プログラミングがわからなくても簡単にカスタマイズ可能なので、是非ご覧ください!

また、このカスタマイズ方法は動画でも解説しています。
実際の設定方法を詳しく知りたいという方は、こちらの動画も参考にしてみてください。

kintoneのアイコンを工夫して見やすく使い勝手のよいアプリを作成しよう!

kintoneのアプリは数が増えるごとに一覧で探しにくくなります。
そのため、視覚的にアプリ内容を把握できるようにアイコンを工夫するのがおすすめです。

当記事で紹介したアイコンサイトを使えば、オリジナルアイコンの作成も可能です。
シンプルなデザインであれば、すべて無料で作成・ダウンロードができます。
kintoneアイコンを工夫して、これまでより見やすく使い勝手のよいアプリを作成しましょう!

この事例を自社でも実現したい!
という企業さまはお問い合わせください!

\ kintoneでの業務効率化について相談したい /

お問い合わせはこちら

業種に対応した業務改善機能をパッケージ化

資料をダウンロードする

ITツール導入の費用が最大450万円補助

補助金について問い合わせる

この記事を書いた人

生田 智之

『DXの第一想起者』

日本人の心のふるさとである”三重県伊勢市”を拠点に、中小企業のDX化を支援しています。 kintoneをはじめとする、各社に合ったクラウドサービスの提案から導入、伴走まで一貫したサービスを得意としています。 また、youtubeではkintoneのノウハウを大公開する「kintone芸人」として活動しています。 「DX化したいけど具体的なイメージができない」「こうなりたい!はあるけど手段がわからない」…等の想いをお持ちの企業様、是非一度ご相談ください!

IT導入のお悩みなら、
コムデックラボ

まずはお気軽にお問い合わせください。