---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu モバイルの構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# モバイルのアイコン

# モバイルのアイコン {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

アイコンを使用して、モバイルアプリケーションのナビゲーションとアクションに一意の識別子を提供します。
アイコンは、モバイルアプリの次の場所で使用できます。  
注:  
* アイコン コードの一覧を見つけるには、 [モバイルアイコン参照](https://servicenow-prod.fluidtopics.net/CzEnGBMIPgZtntpgEjhBKQ "モバイルアプリビルダーを使用して、これらのアイコンをモバイルアプリに挿入します。")で使用するアイコン フォント ファミリのトピックを参照してください。
* モバイルアイコンの視覚的な概要については、YouTube.com の ServiceNow Community Mobile App Academy のレッスン「[アイコンセクションによるモバイル UX の改善](https://youtu.be/GjSfqR0RL-g?si=TjwV65kBgsOBKZZX)」を参照してください。
{#sg-mobile-icon__ul_dzg_3xt_5bc}

* ナビゲーションバー
* ボタン
* カードとカードレコード
* アプリのアイコンセクションのタイル
* リスト内のアイテム
* クイックアクション機能
* 従業員プロファイルへのリンク
{#sg-mobile-icon__ul_gwz_sc3_vwb}

## アイコンタイプ {#sg-mobile-icon__section_qg3_4dr_43b}

アイコンには 3 つの基本的なタイプがあります。

* フォントアイコン
* ユーザーアイコン
* 画像アイコン

{#sg-mobile-icon__ul_ekq_qd3_vwb}

各タイプは、モバイルアプリ内の異なる目的と場所で使用するように設計されています。これらのアイコンの視覚的な例については、 [モバイルアイコン参照](https://servicenow-prod.fluidtopics.net/CzEnGBMIPgZtntpgEjhBKQ "モバイルアプリビルダーを使用して、これらのアイコンをモバイルアプリに挿入します。")を参照してください。

## フォントアイコン {#sg-mobile-icon__section_mln_vdr_43b}

フォントアイコンは、アイコンの最大のグループです。特定の用途向けに設計されたいくつかのフォントファミリがあります。

* now-mobile-icons フォントファミリ

  これらのアイコンは、画面で使用するように設計されています。これらは、リスト、リスト画面およびブラウザー画面に移動するセクション宛先に使用します。これらのアイコンを使用して、ユーザーが移動するワークフローまたは画面を表します。
* now-mobile-icons-cards フォントファミリ

  これらのアイコンをカードの本文に使用します。
* now-mobile-icons-buttons フォントファミリ

  これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションに使用できます。
* now-mobile-icons-ALPnavbar フォントファミリ

  これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。
{#sg-mobile-icon__ul_smx_223_vwb}

## 画像アイコン {#sg-mobile-icon__section_gzt_12r_43b}

画像アイコンはフォントタイプのアイコンではありません。これらは、ナビゲーションタブと画像タイプのセクション宛先で使用するように設計されています。これらは、 now-mobile-icons フォントファミリのフォントアイコンが使用されるのと同じセクション宛先です。

アイコンセクション宛先の構成については、「 [アイコンセクションへの画像の追加](https://servicenow-prod.fluidtopics.net/CioBe0Z9qYCsmhGk94AXMQ "アイコンセクション内で使用する画像またはアイコンスタイルの画像をアップロードします。パーソナライズされた画像を使用して、モバイルアプリケーションをブランディングします。この機能は、モバイルアプリビルダー とは異なり、Web ベースの UI で構成されます。")」を参照してください。

## ユーザーアイコン {#sg-mobile-icon__section_yn1_cf3_vwb}

これらのアイコンはログインしているユーザーを表し、ログインしているユーザーのプロファイルを起動するために使用されます。ランチャー画面のヘッド機能で使用できます。一覧画面、カレンダ画面、マップ画面など、他の画面タイプのヘッダ機能では使用できません。