---
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) 所要時間：3分

モバイルアプリのさまざまな場所で使用できるフォントタイプのアイコンを構成します。たとえば、画面、カード、クイックアクション機能、ナビゲーションバーやタブでフォントタイプのアイコンを使用できます。

## 始める前に

必要なロール：admin

## このタスクについて

画面を構成するワークフロー内でアイコンを構成するか、\[モバイルアプリビルダー\] メニューから \[カードとアイコン\] カテゴリを選択してアイコンを構成できます。この手順では、\[ カード \& アイコン \] カテゴリを使用します。

## 手順

1. 移動先 すべてシステムモバイルモバイルアプリビルダー.  
   モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。  
   モバイルアプリビルダー カテゴリのホーム画面が表示されます。
3. \[カード \& アイコン\] カテゴリを選択し、\[新規\] を選択します。
4. \[カードまたはアイコンの作成\] ダイアログ ボックスで、\[ アイコン\] を選択し、\[ 続行\] を選択します。
5. アイコンフォームで、 アイコンの名前を入力します 。  
   アイコンを識別しやすい名前を選択してください。
6. \[タイプ\] ドロップダウンリストから \[フォント\] を選択します。
7. \[外観の設定\] セクションで、\[ スタイル\] フィールドと \[値 \] フィールドに次の情報を入力して、フォントアイコンを構成します。  
   プラスアイコンを選択して行を追加します。
   {#config-font-type-icons__table_vkm_zn3_vwb__entry__2}

   | スタイル | 値 |
   |-|-|
   | <kbd class="ph userinput">フォント名</kbd>を入力 | 次のいずれかのフォントファミリーを入力します。 * <kbd class="ph userinput">now-mobile-icons</kbd> これらのアイコンは、画面で使用するように設計されています。リスト画面とブラウザー画面に移動するリストとセクションの宛先に使用します。これらのアイコンを使用して、ユーザーに移動してもらいたいワークフローまたは画面を表します。 * <kbd class="ph userinput">now-mobile-icons-cards</kbd> これらのアイコンは、カードの本文で使用します。 * <kbd class="ph userinput">now-mobile-icons-buttons</kbd> これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションに使用できます。 * <kbd class="ph userinput">now-mobile-icons-ALPnavbar</kbd> これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。 {#config-font-type-icons__ul_k3b_d43_vwb} |
   | <kbd class="ph userinput">値を</kbd>入力 | 使用するフォントファミリーのアイコンを識別するコードを入力します。たとえば、 <kbd class="ph userinput">e903</kbd> は、 now-mobile-icons-buttons フォントファミリーのソリッドカートアイコンのコードです。 フォントファミリアイコンコードのリストについては、 [モバイルアイコンの参照](https://servicenow-prod.fluidtopics.net/sEPYgQ4d3lNXRhUVkDztCw "モバイルアプリビルダーを使用して、これらのアイコンをモバイルアプリに挿入します。")で使用するアイコンのタイプのトピックを参照してください。 |
   | 「 <kbd class="ph userinput">FontColor</kbd> 」と入力して、アイコンの色の 16 進数コードを指定します。 この構成はオプションです。色を指定しない場合、デフォルトのアイコンの色は黒です。 | 使用する色の 16 進数コードを入力します。たとえば、赤いアイコンを指定するには、「 <kbd class="ph userinput">#FF494D」</kbd>と入力します。 |
   | <kbd class="ph userinput">名前</kbd>を入力してください | フォントファミリーのアイコンにリストされている名前を入力します。たとえば、 now-mobile-icons フォントファミリーで買い物かごアイコンを使用する場合は、「 <kbd class="ph userinput">買い物かご」</kbd>と入力する必要があります。 フォントファミリーのアイコン名のリストについては、 [モバイルアイコンの参照](https://servicenow-prod.fluidtopics.net/sEPYgQ4d3lNXRhUVkDztCw "モバイルアプリビルダーを使用して、これらのアイコンをモバイルアプリに挿入します。")を参照してください。 |
   [ ]

   {#config-font-type-icons__table_vkm_zn3_vwb}
8. \[Save (保存)\] を選択します。

## 次のタスク

フォントファミリアイコンを作成した後、モバイルアプリビルダーを使用して、アイコンを使用するようにモバイルアプリを構成する必要があります。詳細については、「[モバイルアプリでのフォントアイコンの追加](https://servicenow-prod.fluidtopics.net/20CY_0SCISlv7qB4vgSLdw "モバイルアプリビルダーを使用して、フォントファミリアイコンを使用するモバイルアプリを構成します。")」を参照してください。