---
sourceDocument: Yokohama Mobile Configuração e navegação
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Mobile Configuração e navegação

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Configurar ícones de tipo de fonte

# Configurar ícones de tipo de fonte {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Configure ícones de tipo de fonte que podem ser usados em uma variedade de lugares em apps para celular. Por exemplo, você pode usar ícones de tipo de fonte em telas, cartões, funções para ações rápidas e barras de navegação e guias.

## Antes de Iniciar

Função necessária: administrador

## Por Que e Quando Desempenhar Esta Tarefa

Você pode configurar um ícone no fluxo de trabalho de configuração de uma tela ou pode configurar um ícone selecionando Cartões e ícones categoria do Construtor de apps para celularmenu. Este procedimento usa o. Cartões e ícones categoria.

## Procedimento

1. Navegar até TudoSistema MóvelConstrutor de apps para celular.  
   . Construtor de apps para celularabre em uma nova guia do navegador e exibe a tela de seleção do escopo da aplicação.
2. PESQUISE o escopo da aplicação em que você está trabalhando e selecione o nome do escopo da aplicação.  
   . Construtor de apps para celulara tela inicial de categorias é exibida.
3. Selecione Cartões e ícones e selecione Novo .
4. Na caixa de diálogo Criar um cartão ou ícone, selecione Ícone e, em seguida, selecione Continuar .
5. No formulário de ícone, insira um Nome para o ícone.  
   Certifique-se de escolher um nome que facilite a identificação do ícone.
6. Na lista suspensa Tipo, selecione Fonte .
7. Na seção Definir aparência, insira as seguintes informações em Estilo e. Valor campos para configurar o ícone de fonte.  
   Selecione o ícone de mais para adicionar uma linha.
   {#config-font-type-icons__table_vkm_zn3_vwb__entry__2}

   | Estilo | Valor |
   |-|-|
   | Insira <kbd class="ph userinput">Nome da fonte </kbd> | Insira uma das seguintes famílias de fontes: * <kbd class="ph userinput">now-mobile-icons</kbd> Esses ícones foram projetados para serem usados em telas. Use-os para listas e destinos de seção que vão para telas de lista e telas do navegador. Use estes ícones para representar um fluxo de trabalho ou uma tela para a qual você deseja que os usuários naveguem. * <kbd class="ph userinput">now-mobile-icons-cards</kbd> Use estes ícones no corpo dos cartões. * <kbd class="ph userinput">now-mobile-icons-buttons</kbd> Esses ícones foram projetados para serem usados em funções. Eles podem ser usados em botões localizados em cartões ou para ações rápidas. * <kbd class="ph userinput">Now-mobile-icons-ALPnavbar</kbd> Esses ícones aparecem no canto superior direito da tela do celular e são usados como navegação para outra tela. {#config-font-type-icons__ul_k3b_d43_vwb} |
   | Insira <kbd class="ph userinput">Valor </kbd> | Insira o código que identifica o ícone na família de fontes que você deseja usar. Por exemplo, <kbd class="ph userinput">e903 </kbd>é o código do ícone do carrinho sólido no now-mobile-icons-buttonsfamília de fontes. Para listas de códigos de ícone de família de fontes, consulte o tópico para o tipo de ícone que você deseja usar no [Referência do ícone para celular](https://servicenow-prod.fluidtopics.net/SolbTaddCyD2OhV5bKaNhA "Uso Construtor de apps para celularpara inserir esses ícones em seus aplicativos para celular."). |
   | Insira <kbd class="ph userinput">Cor da fonte </kbd>para especificar um código hexadecimal para a cor do seu ícone. Esta configuração é opcional. Se você não especificar uma cor, a cor do ícone padrão será preta. | Insira o código hexadecimal da cor que você deseja usar. Por exemplo, para especificar um ícone vermelho, insira <kbd class="ph userinput">FF494D </kbd>. |
   | Insira <kbd class="ph userinput">Nome </kbd> | Insira o nome listado para o ícone na família de fontes. Por exemplo, se você quiser usar o ícone do carrinho de compras no now-mobile-iconsfamília de fontes, você deve inserir <kbd class="ph userinput">Carrinho </kbd>. Para listas de nomes de ícones de família de fontes, consulte [Referência do ícone para celular](https://servicenow-prod.fluidtopics.net/SolbTaddCyD2OhV5bKaNhA "Uso Construtor de apps para celularpara inserir esses ícones em seus aplicativos para celular."). |
   [ ]

   {#config-font-type-icons__table_vkm_zn3_vwb}
8. Selecione Salvar.

## O que Fazer Depois

Depois de criar o ícone da família de fontes, você deve usar o Construtor de apps para celular para configurar um app para celular para usar o ícone. Para obter mais informações, consulte [Adicione um ícone de fonte em um app para celular](https://servicenow-prod.fluidtopics.net/de5jK1MQH9gRP~19yZtRww "Uso Construtor de apps para celularpara configurar aplicações móveis que usam um ícone de família de fontes.").