【決定版】kintoneアプリを一工夫できるアイコンサイト10選!設定方法も解説

今回はkintoneアプリを一工夫できるアイコンサイト10選を紹介し、アイコンの設定方法も詳しく解説します。kintoneの機能を見やすく整理して、もっと使いやすくカスタマイズしてみましょう。

kintoneアプリを一工夫できるアイコンサイト10選!

今回ご紹介するサイトは以下の通りです。

  1. ICONE
  2. KUMA ICON
  3. FLAT ICON DESIGN
  4. SACCSY
  5. icon rainbow
  6. ICON MONO
  7. Canva
  8. DesignEvo
  9. Flaticon
  10. Iconfinder

それぞれの特徴や利用方法を確認していきましょう。

ICONE

ICONE公式サイト

出典:ICONE

ICONEは、株式会社ユニークワークが運営するkintone用の無料アイコン配布サイトです。業種別に分かれたアイコンが豊富に揃っており、簡単にダウンロードして利用することができます。また、文字や画像を入力することでオリジナルのアイコンを自動生成する機能も備えています。

ICONEでオリジナルのアイコンを作成している様子

▲画像をアップロードしてオリジナルのアイコンを作成できる

また「きとみちゃんモード」を利用すると、可愛いアイコンやスペースカバーもダウンロード可能です。

ICONEのきとみちゃんモード

▲きとみちゃんモード

KUMA ICON

KUMA ICONの公式サイト

出典:KUMA ICON

KUMA ICONは、kintone用のアイコンを提供するダウンロードサイトです。シンプルでナチュラルなデザインが特徴で、影やグラデーションのないアイコンが揃っています。白、青、赤、黄、緑の5色から選択できるため、用途に合わせたカスタマイズが可能です。

KUMA ICONでアイコンの色を変更している様子

▲全アイコン5色展開

また、サイト内にないアイコンも有料で作成してもらうことができ、企業のニーズに応じたオリジナルアイコンの制作依頼も受け付けています。

icon rainbow

icon rainbow公式サイト

出典:Icon-rainbow

icon rainbowは、ビジネス用途に適したシンプルなアイコン素材を提供するダウンロードサイトです。kintoneだけでなく、WebデザインやDTP制作、スマートフォンのメニューアイコンなど、様々な場面で利用できるアイコンが揃っています。無料でダウンロードできるアイコンは4500種類以上あり、ベクター形式で提供されているため、用途に合わせて自由にカスタマイズが可能です。

icon rainbowでアイコンの色を変更している様子

カラーサークルパレットまたはカラーコードで色を設定できます。

SACCSY

SACCSYのアイコンサイト

出典:アイコン | 株式会社SACCSY

SACCSYは、サイボウズ公認パートナーのkintoneアイコンサイトです。大きく見やすい漢字1文字のアイコンから、動物などの可愛らしいアイコンまで、様々なデザインのアイコンが揃っています。アイコンは人、動物、建物、デジタルなどのカテゴリに分かれており、簡単に探してダウンロードすることができます。

ICOOON MONO

ICOOON MONOのトップページ

出典:商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト

ICOOON MONOは、シンプルで一貫性のあるオープンソースのアイコンセットを提供するサイトです。kintone以外にもデジタル製品の多様なニーズに応えるために設計されており、177種類のアイコンが揃っています。

ICOOON MONOでアイコンの色を変更している様子

ICOOON MONOではカラーサークルパレットまたはカラーコードで色を設定できます。

MITライセンス(ライセンスの規定)の下でオープンソースとして提供されており、安心して利用することができます。

FLAT ICON DESIGN

FLAT ICON DESIGNのトップページ

出典:FLAT ICON DESIGN

FLAT ICON DESIGNは、シンプルで可愛らしいフラットデザインのアイコンを提供するサイトです。様々なプロジェクトに対応するために、SVG、PSD、PNG、EPSなどの形式でアイコンをダウンロードすることができます。

FLAT ICON DESIGNでアイコンの色を選択している様子

アイコンの種類が多く、カラー展開も豊富なので、好みのトーンでアプリアイコンを統一させることができます。

Canva

Canvaアイコンのトップページ

出典:豊富なアイコン素材でデザイン作成が無料で簡単に | Canva

Canvaは、デザイン初心者からプロフェッショナルまで幅広いユーザーに対応するオンラインデザインツールです。豊富なアイコン素材も提供しており、SNS、Webデザイン、プレゼンテーション、インフォグラフィックなど様々な用途に利用できます。無料で利用できるアイコンも多数揃っており、SVG、PNG、JPGなどの形式でダウンロードが可能です。

Canvaでアイコンを作成し、色を変更している様子

▲素材のカラーも変更可能

また豊富な素材を使って、直感的な操作で簡単にデザインを作成できるため、デザイン経験がなくてもオリジナルのアイコンを簡単に作成することができます。

DesignEvo

DesignEvoのトップページ

出典:無料オンラインロゴメーカー、カスタムデザインのロゴ作成 – DesignEvo

DesignEvoは、誰でも簡単にハイクオリティなロゴを作成できるオンラインロゴメーカーです。AIの技術が採用されているため、デザイン経験がなくても数分でオリジナルのロゴを作成することができます。何百万ものアイコンと10,000以上のフォントが用意されており、豊富なテンプレートから選んでカスタマイズが可能です。

Flaticon

Flaticonのアイコン一覧ページ

出典:Free Icons & Symbols

Flaticonは、デザイナーによって作られた、個性的でスタイリッシュなアイコンを無料で提供しているサイトです。PNG、SVG、EPS、PSD、CSSなどの形式でダウンロード可能で、プレゼンテーション、アプリ、ウェブサイト、カタログ、インフォグラフィックなど、様々なプロジェクトに活用できます。Flaticonは100万以上のアイコンとステッカーを提供しており、多少のカスタマイズも可能です。

Flaticonのアイコンのライセンス表示

ライセンスはアイコンごとに異なるので、上記の「Flaticonライセンス」を都度確認する必要があります。

Iconfinder

Iconfinderの無料アイコン一覧

出典:Free 21,807 free icons – Iconfinder

Iconfinderは、世界最大のアイコン、イラスト、3Dイラストのマーケットプレイスです。さまざまなクリエイターが作成したアイコンが無料で提供されています。お気に入りのデザインを見つけたら、同じ作者のアプリアイコンで統一するのがおすすめです。

SVG、AI、PNG形式でダウンロード可能です。

kintoneアプリのアイコンサイトの使い方

kintoneアプリのアイコンサイトの使い方の手順は、基本的には以下の通りです。

  1. 欲しいアイコンを、カテゴリや検索から探す
  2. 欲しいアイコンを選択する
  3. 任意の色や形式を選択する
  4. ダウンロードする
  5. kintoneアプリアイコンに設定(次のセクションで解説)

ただし、サイトやアイコンの提供者によってアイコンのライセンスが異なる点、オリジナルアイコンの制作依頼には費用が発生する点にはご注意ください。

主な画像形式
形式用途特徴
​JPEG (JPG)写真やリアルな画像高い圧縮率でファイルサイズが小さくなるが、圧縮による画質の劣化がある。
​PNGロゴ、アイコン、透明背景が必要な画像圧縮しても画質が劣化しない可逆圧縮。透明背景をサポート。
SVGアイコン、ロゴ、イラストベクター形式で拡大縮小しても画質が劣化しない。XMLベースで編集が容易。
AI​ロゴデザイン、イラスト、印刷物ベクター形式で拡大縮小しても画質が劣化しない。レイヤー、テキスト、グラデーション、エフェクトなどの高度な編集情報を保持できる。Adobe製品との互換性が高い。

kintoneアプリのアイコンを変更する方法

アイコンをダウンロードできたら、いよいよkintone上でアプリアイコンを変更する手順を見ていきましょう。

①kintoneアプリから設定を開く

kintoneのアプリ画面で設定の歯車マークが赤枠で囲まれている

まずアイコンを変更したいアプリを開き、歯車マークの横の「v」を選びます。

kintoneの設定項目から「アイコンと説明」が赤枠で囲まれている

設定一覧の、「一般設定」→「アイコンと説明」をクリックします。

②アイコン画像をアップロードする

kintoneのアイコン設定で、「画像をアップロードする」を選択している

アプリの「アイコンと説明」の画面が開いたら、「画像をアップロードする」を選択して、赤枠内の「参照」をクリックします。

kintoneのアイコン設定で、画像をアップロードしている

フォルダからアイコンを選択して、「開く」をクリックします。

③kintoneアプリの設定変更を保存する

kintoneのアイコン設定を保存するボタンに赤い矢印が向いている

アイコンをアップロードできたら、右下の「保存」を押します。

④アプリを更新する

kintoneアプリの設定変更後の、「アプリを更新」ボタンが赤枠で囲まれている

最後に「アプリを更新」をして完了です。

kintoneのアプリ一覧でアイコンが反映されている

アプリ一覧に反映されています。

kintoneアプリアイコンをカスタマイズするポイント3つ

kintoneアプリアイコンの設定は、kintoneの視認性や活用の効率性にも影響します。kintoneアプリアイコンをカスタマイズする際には以下の3つのポイントを押さえておきましょう。

わかりやすいアイコンを作成する

アプリの内容がひと目でわかるアイコンを選択・作成することが重要です。アプリの数が増えると特定のアプリを見つけるのが難しくなるため、内容が直感的にわかるアイコンを設定することで、アプリを探す時間を短縮できます。画像だけでは伝わりにくい場合は、文字を入れたアイコンを使用するのも効果的です。

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

アイコンの色や画像を業務ごと、または部署ごとに統一することで、アプリの種類をひと目で判断できるようになります。例えば、営業系のアプリは赤、社内申請系のアプリは黄色などに色分けすることで、視覚的にわかりやすくなります。また、同じ業務内容のアプリはアイコンの画像を統一し、色だけを変える方法もおすすめです。

お知らせ掲示板で活用する

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

kintoneアプリのアイコンを工夫しよう

本記事では、kintoneアプリを一工夫できるアイコンサイト10選を紹介しました。アイコンの変更は、アプリのデザイン性を高めるだけでなく、操作性や利便性を向上させる重要な要素といえます。紹介したアイコンサイトを活用して、ぜひkintoneアプリをさらに魅力的にカスタマイズしてみてください。

kintone × Web Auto RobotのAUTOROでできること

kintoneとWeb Auto RobotのAUTORO(オートロ)を連携させることで、kintoneと外部システムとの連携を、AUTOROまたはkintoneを起点として自動で実行することが可能となります。例えば以下のようなことが実現できます。

  • ボタン一つでデータ入力を自動化し、抜け漏れやヒューマンエラーを防止
  • kintoneの標準機能では難しい、大量データのバッチ処理の効率化
  • ワークフローシステムやメッセージアプリと連携させ、稟議・承認フローの一元管理やデータ更新情報を即時通知
  • Excelテンプレートを活用したPDF書類の自動作成
  • 反社チェック業務の自動化

AUTOROはCRMやチャットツール、各種管理ツールなど様々なクラウドサービスとの連携実績があり、さらにAPIがないシステムの操作や、デスクトップアプリの操作も自動化できるため、kintoneのプラグインやiPaaSよりも広範囲の業務をカバーできます。

今すぐ相談・問い合わせしたい場合はこちらから

この記事を書いた人

Ayuka Fujii
Ayuka Fujii

2023年3月〜オートロに従事し、現在は主にAI系の記事制作と公式X(@autoro_io)の運用を担当。初心者目線で親しみやすい記事作りを心がけています。趣味は日本全国のグルメマップを作ることで、行ってみたいお店の数が全国3000を突破しました。新潟生まれ新潟育ち。