---
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日
*
*  所要時間：1分
モバイルアプリビルダーを使用して、モバイルアプリのナビゲーションバーで使用できる画像タイプアイコンを設定します。
## 始める前に
重要:
画像アイコンは、ランチャー画面の従来のアイコンセクションでも使用できます。詳細については、「[アイコンセクションへの画像の追加](https://servicenow-prod.fluidtopics.net/CioBe0Z9qYCsmhGk94AXMQ "アイコンセクション内で使用する画像またはアイコンスタイルの画像をアップロードします。パーソナライズされた画像を使用して、モバイルアプリケーションをブランディングします。この機能は、モバイルアプリビルダー とは異なり、Web ベースの UI で構成されます。")」を参照してください。
必要なロール：admin
## このタスクについて
画面を構成するワークフロー内でアイコンを構成するか、モバイルアプリビルダーメニューから \[カードとアイコン\] カテゴリを選択してアイコンを設定できます。この手順では、\[ カードとアイコン\] カテゴリを使用します。
## 手順
1. 移動先 すべてシステムモバイルモバイルアプリビルダー.
モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
モバイルアプリビルダー カテゴリのホーム画面が表示されます。
3. \[カードとアイコン\] カテゴリを選択し、\[新規\] を選択します。
4. カードまたはアイコンの作成 ダイアログ ボックスで、 アイコン を選択し、 続行 を選択します。
5. \[アイコン\] フォームで、アイコン の名前 を入力します。
アイコンを識別しやすい名前を選択してください。
6. 「タイプ」ドロップダウン・リストから、「 イメージ」を選択します。
7. \[外観を設定\] セクションで、\[ スタイル\] フィールドと \[値 \] フィールドに次の情報を入力して、画像アイコンを構成します。
{#config-image-icon-4-navigation-bar__table_rlk_vkq_vwb__entry__2}
| スタイル | 値 |
|-|-|
| 名前を入力 | ナビゲーションバーに表示する画像アイコンの名前を入力します。たとえば、「 Explore 」というテキストを入力すると、「Explore Solid」アイコンが表示されます。ナビゲーション バー アイコンの一覧については、「 [画像アイコン](https://servicenow-prod.fluidtopics.net/A8ubt4o9bVIwwNRqSyYGxg "ナビゲーションバーとタブバーで画像アイコンを使用します。画像アイコンはフォントタイプのアイコンではありません。")」を参照してください。 |
[ ]
{#config-image-icon-4-navigation-bar__table_rlk_vkq_vwb}
8. \[保存\] を選択します。