kintoneのアイコンが作成できるおすすめサイト5選!変更手順や活用方法も解説
kintoneでは、各アプリに任意のアイコンを設定することが可能です。わかりやすいアイコンを設定することで、どの情報がどのアプリで管理されているのかをひと目で判断できるようになります。
一方、kintoneにデフォルトで用意されているアイコン数には限りがあるため「アプリ数が増えてアイコンが被ってしまう」といった悩みを抱えるユーザーが多いのも事実です。
そこで当記事では、kintoneのアイコンを作成できるおすすめサイトとその設定方法、その他の活用方法をご紹介します!
今すぐ自社のkintoneに取り入れられる内容となっていますので、是非参考にしてみてください。
この記事でわかること
- kintoneのアイコン作成ができるサイト
- kintoneアイコンの変更・活用方法
こんな人におすすめの記事です
- kintoneアイコンを工夫してわかりやすいアプリにしたい方
- kintoneアイコンの作成・変更方法を知りたい方
▼ポータルカスタマイズのYoutube動画も合わせてご覧ください!
目次
kintoneアイコンの役割
kintoneのアイコンとは、アプリごとに設定できる画像のことです。
kintoneのポータル画面上で名前とともにアイコンが表示されます。
アプリの内容とアイコンがマッチしていれば、ひと目で「このアプリは〇〇業務のものだ」と判断できます。
2022年12月7日現在、kintoneには46種類のデフォルトアイコンが用意されており、アプリ内容に合ったアイコンの設定・変更が可能です。
しかし、管理する業務が増えるごとにアプリも増加します。
その結果、デフォルトアイコンだけでは数が足りない、同じアイコンばかりになってしまい視覚的な判別が難しい、デフォルトアイコンの中にアプリ内容にマッチするアイコンがないといった「深刻ではないけれどちょっと不便」なお悩みを抱えたままのケースが少なくありません。
このような悩みを解決するためにおすすめなのが、アイコンサイトの利用です。kintoneのアイコンは無料サイトでダウンロードしたり、新規で作成したりできます。
アイコンを工夫すれば、アプリで管理している内容が視覚的・直感的にわかりやすくなるので、まずはアイコンをダウンロードできるサイトをご紹介していきます。
kintoneアイコンを作成できる無料サイト5選
kintoneアイコンを作成またはダウンロードできる無料サイトを5つ紹介します。
- ICONE
- KUMA ICON
- FLAT ICON DESIGN
- SACCSY
- icon rainbow
それぞれ作成できるアイコンのイメージに特徴があります。以下のセクションでサイトの特徴・使い方を紹介するので、参考にしてみてください。
ICONE|文字入れ可能、kintoneアプリのイメージに近い
「ICONE」は、デザイン制作会社「株式会社ユニークワーク」が運営しているkintone用アイコンサイトです。
kintoneアプリのイメージに近く、2022年12月現在で約500種類のアイコンをダウンロードできます。
また、業種別で使えるkintoneアイコンの無料ダウンロードだけでなく、テキストやアップロード画像をもとにしたオリジナルアイコンの自動生成も可能です。
【ICONEの使い方】
- 好みのアイコンをクリックし、SVGもしくはPNGダウンロードを選択
- 自動生成の場合は、トップページ右上の「アイコンを自動生成」をクリック
- アップロード画像やテキスト、フォントやカラーなどを指定
- PNGダウンロードをクリック
アイコン数が多いだけに少しサイトが重たいのがたまにキズですが、ICONEなら簡単に自社のアプリオリジナルのアイコンを作成・ダウンロードできます。
KUMA ICON|かわいい・癒やしのイメージ
「KUMA ICON」は、ICONEと同様kintoneアプリ用のアイコンサイトです。
かわいい・癒やしイメージのアイコンを無料でダウンロードできます。2022年12月現在、45種類(各種選べる5色)のアイコンが用意されています。
【KUMA ICONの使い方】
- トップページから好みのアイコンを選択、もしくは検索してクリック
- 5種類のカラーを選択してダウンロード
KUMA ICONはICONEと比べて選べるアイコンが少ないものの、kintoneとは違ったテイストのアイコンが豊富です。
FLAT ICON DESIGN|シンプルかつ実用的なイメージ
「FLAT ICON DESIGN-フラットアイコンデザイン-」は、アイコン素材を無料ダウンロードできるサイトです。
シンプルかつ実用的なイメージのアイコンが約500種類も用意されています。
PNGだけではなく、JPEGやEPS、SVG、illustrator Aiなど、さまざまな拡張子でのダウンロードが可能となっています。
【FLAT ICON DESIGNの使い方】
- トップ画面内の詳細ページから、任意の素材を選択
- ダウンロードしたい形式(JPEGやillustrator Aiなど)をクリック
- 表示された素材を右クリック、もしくはドラッグで保存
ダウンロードした素材は、kintoneアイコンだけでなくWebサイト・スマートフォンなどのアプリ、DTPの制作やパワーポイントなどで使用できます(再配布・再販は不可)。
SACCSY|シンプルからかわいいまで幅広いイメージ
「SACCSY」は、サイボウズ公認パートナーのアイコンサイトです。
テキストや書類などを模したシンプルな素材から、動物や人物などのかわいいアイコンまで幅広いイメージが揃っています。
【SACCSYの使い方】
- トップページ内の「ICONページ」をクリック
- 好みのICONを選択してダウンロード
2022年12月現在、SACCSYでは約220種類のICONが掲載されています。
icon rainbow|カラフル×オリジナルのイメージ
「icon rainbow」は、素材とサイズやカラーなどを組み合わせることでオリジナルアイコンを作成できる無料サイトです。
アイコン素材の数が豊富なだけでなく、色味はカラーチャートから自由自在に編集できます。
【icon rainbowの使い方】
- トップページから好みのアイコン素材を選択
- サイズ・カラーを選択
- ファイル形式をクリックしてダウンロード
アイコン素材が数千種類あり、色数にも制限が無いのが嬉しいですね。
kintoneアイコンを変更する手順
kintoneアイコンを作成したら、既存のアプリに設定されているアイコンを変更しましょう。変更手順は以下のとおりです。
①レコード一覧画面右上の歯車アイコンから「設定」のボタンをクリック
②アプリのアイコンを変更する
③「参照」から作成したアイコンを選択
④「保存」をクリック
⑤アイコンの表示が変わったら「アプリを更新」
これでアイコンを変更できました!
アイコン変更は、kintoneが用意しているデフォルトから選択もしくは他サイトでダウンロード・作成したアイコンをアップロードできます。
アイコンを変更するためにはアプリの管理権限が必要になりますので、自分にその権限があるか確認しておきましょう。
アイコンのサイズは、kintoneが公表している目安である「56×56(px)」を使うと良いでしょう。
推奨サイズより大きい分には問題ありませんが、小さいと画像がぼやけてしまうので注意が必要です。
kintoneアプリのアイコンを活用する際の3つのポイント
kintoneアプリのアイコンを活用する際のポイントを3つ紹介します。
- わかりやすいアイコンを作成する
- 業務ごとに色を統一する
- お知らせ掲示板で活用する
上記を押さえておけば、kintoneアプリを最大限使いやすいものにできます。それぞれ解説するので、参考にしてみてください。
アプリの内容がわかりやすいアイコンを選択・作成する
kintoneアイコンは、アプリの内容がわかりやすいものを選択・作成するのがポイントです。
アプリが少ないときはさほど不便に感じませんが、数が増えるごとに特定のアプリを見つけるのに手間がかかります。
ひと目で内容がわかるアイコンを設定することで、アプリを探す無駄な時間を省けます。
画像では伝わりにくい時には、文字を入れたアイコンで伝わりやすさを重視しましょう。
業務ごとに色や画像を統一する
kintoneアイコンを工夫するなら、アイコンの色や画像を業務ごとまたは部署ごとに統一しましょう。
例えば、営業系は赤・社内申請系は黄色などにしておくことで「このアプリは営業部署が使うアプリだな」というようにひと目でアプリ内容の種類を判断できるようになります。
あるいは、「近い情報を管理している業務はアイコンの画像をそろえて色だけ変える」のもおすすめです。
コムデックでは、社労士業務改善パッケージでアイコンの画像を同じ「メモ」にし、それぞれ色を変えています。
お知らせ掲示板に貼り付けてボタンにする
kintoneアイコンは、トップページにあるポータル画面の「お知らせ掲示板」でも活用できます。
画像を貼り付けて、その画像にリンクを設定すれば、ボタンのように運用することが可能です。
トップページによく使うアプリのアイコンを設定しておけば、すぐに使いたいアプリにアクセスすることができます。
アイコンを貼り付けるだけでも十分kintoneの使い勝手は良くなりますが、さらにポータル画面を上手く活用したいならもう一工夫加えるのがおすすめです。
使い勝手をよりよいものにするための「お知らせ掲示板カスタマイズ方法」を以下の記事で詳しく解説しています。
▼kintoneのお知らせ掲示板のカスタマイズ方法を解説!ポータル・スペース画面をより便利に!
プログラミングがわからなくても簡単にカスタマイズ可能なので、是非ご覧ください!
また、このカスタマイズ方法は動画でも解説しています。
実際の設定方法を詳しく知りたいという方は、こちらの動画も参考にしてみてください。
kintoneのアイコンを工夫して見やすく使い勝手のよいアプリを作成しよう!
kintoneのアプリは数が増えるごとに一覧で探しにくくなります。
そのため、視覚的にアプリ内容を把握できるようにアイコンを工夫するのがおすすめです。
当記事で紹介したアイコンサイトを使えば、オリジナルアイコンの作成も可能です。
シンプルなデザインであれば、すべて無料で作成・ダウンロードができます。
kintoneアイコンを工夫して、これまでより見やすく使い勝手のよいアプリを作成しましょう!
⇧⇧600記事/250動画のコンテンツがあるコムデックラボから営業管理に関する業務改善を学ぶ
この事例を自社でも実現したい!
という企業さまはお問い合わせください!
お問い合わせはこちら
業種に対応した業務改善機能をパッケージ化
ITツール導入の費用が最大450万円補助