---
sourceDocument: オーストラリアのモバイル構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/mobile

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのモバイル構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# アイコンセクションへの画像の追加

# アイコンセクションへの画像の追加 {#ariaid-title1}

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

アイコンセクション内で使用する画像またはアイコンスタイルの画像をアップロードします。パーソナライズされた画像を使用して、モバイルアプリケーションのブランド化を行います。この機能は、 モバイルアプリビルダー ではなく Web ベースの UI で構成されます。

## 始める前に

必要なロール：admin

## 手順

1. アイコン画像テーブルに画像をアップロードし、画像のsys_idにアクセスします。
   1. \[すべて\] に移動します。
   2. フィルターナビゲーターで「 <kbd class="ph userinput">sys_sg_icon_image.list</kbd>」と入力して、アイコン画像のリストを開きます。
   3. \[新規\] を選択します。
   4. イメージの名前を入力します。
   5. \[ クリックして追加\] を選択して参照し、アップロードする画像を選択します。  
      注:  
      画像の最適な比率は 1:1.24 です。高さが 74 ピクセル、幅が 92 ピクセルの固定フレームサイズを考えてみましょう。
   6. \[Update (更新)\] を選択します。  
      画像が \[アイコン画像\] テーブルに追加されます。
   7. 要素名を右クリックし、\[ sys_idをコピー\] を選択します。
2. 選択した画像から画像タイプのアイコンを作成します。
   1. \[すべて\] に移動します。
   2. フィルターナビゲーターで、「 <kbd class="ph userinput">sys_sg_icon.list</kbd>」と入力して \[アイコン\] テーブルを開きます。
   3. \[新規\] を選択します。
   4. 画像タイプのアイコンの名前を入力します。
   5. \[ アイコン名 \] フィールドに、属性名 <kbd class="ph userinput">ImageRef</kbd> を入力します。
   6. \[ アイコン値 \] フィールドを右クリックし、選択した要素名のsys_idを貼り付けます。
   7. \[タイプ\] フィールドで \[画像\] を選択します。
   8. \[送信\] を選択します。
3. 定義された画像をアイコンセクションにマッピングします。
   1. \[すべて\] に移動します。
   2. フィルターナビゲーターで、「 <kbd class="ph userinput">sys_sg_navigation_section_destination.list</kbd>」と入力して、\[アイコンセクション宛先\] テーブルを開きます。
   3. 次のいずれかを実行します。  
      * 表示されたアイコンセクションの宛先をリストから選択します。
      * \[ 新規 \] を選択し、\[アイコンセクション宛先タイプを選択\] メニューから、ランチャー、画面、または機能オプションのいずれかを選択します。
      {#add-image-icon-section__ul_jmx_hn5_3sb}
   4. \[ 画像 \] フィールドで、参照ルックアップアイコンを使用して、作成したアイコンタイプの画像を選択します。  
      注:  
      アイコンセクション宛先タイプテーブルの残りの部分を完了するための詳細については、「 [アイコン UI セクションの構成](https://servicenow-prod.fluidtopics.net/jVBe2Nio5bQ~q7J6yip1fA "アイコン UI セクションタイプを使用して、画面、ランチャー画面、および機能に移動します。")」を参照してください。
   5. \[送信\] を選択します。
   {#add-image-icon-section__substeps_mlh_s2k_3sb}

