フォントタイプのアイコンを構成する

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：3分

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

    始める前に

    必要なロール：admin

    このタスクについて

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

    手順

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

      プラスアイコンを選択して行を追加します。

      スタイル 値
      フォント名を入力

      次のいずれかのフォントファミリーを入力します。

      • now-mobile-icons

        これらのアイコンは、画面で使用するように設計されています。リスト画面とブラウザー画面に移動するリストとセクションの宛先に使用します。これらのアイコンを使用して、ユーザーに移動してもらいたいワークフローまたは画面を表します。

      • now-mobile-icons-cards

        これらのアイコンは、カードの本文で使用します。

      • now-mobile-icons-buttons

        これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションに使用できます。

      • now-mobile-icons-ALPnavbar

        これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。
      値を入力

      使用するフォントファミリーのアイコンを識別するコードを入力します。たとえば、 e903 は、 now-mobile-icons-buttons フォントファミリーのソリッドカートアイコンのコードです。

      フォントファミリアイコンコードのリストについては、 モバイルアイコンの参照で使用するアイコンのタイプのトピックを参照してください。

      「 FontColor 」と入力して、アイコンの色の 16 進数コードを指定します。

      この構成はオプションです。色を指定しない場合、デフォルトのアイコンの色は黒です。

      		 使用する色の 16 進数コードを入力します。たとえば、赤いアイコンを指定するには、「 #FF494D」と入力します。
      名前を入力してください

      フォントファミリーのアイコンにリストされている名前を入力します。たとえば、 now-mobile-icons フォントファミリーで買い物かごアイコンを使用する場合は、「 買い物かご」と入力する必要があります。

      フォントファミリーのアイコン名のリストについては、 モバイルアイコンの参照を参照してください。
    8. [Save (保存)] を選択します。

    次のタスク

    フォントファミリアイコンを作成した後、モバイルアプリビルダーを使用して、アイコンを使用するようにモバイルアプリを構成する必要があります。詳細については、「モバイルアプリでのフォントアイコンの追加」を参照してください。