1
resposta

Material Icon - Icone transparente ao colar no figma.

Ótima noite, pessoal! Todos bem?

Segui as orientações:

Abri os ícones em https://fonts.google.com/icons Copie o Code point como tipo "WEB" e colei no figma Ajustei a fonte para Material Icons

Porém o ícone fica "transparente"

Fiz um teste com a seguinte alternativa:

Abri os ícones em https://fonts.google.com/icons Copie o Code point como tipo "ANDROID" e colei no figma Ajustei a fonte para Material Icons

E deu certo rs

Poderiam me ajudar? O que estou fazendo de errado ao copiar o código do ícone como "WEB" fazendo com que não aparece no figma?

1 resposta

Olá, Jéssica! Tudo bem?

Peço desculpas pela demora no retorno.

Quando a fonte selecionada é "Material Icons" e você está digitando, esse comportamento de não aparecer a letra é normal.

Minha recomendação é você digitar primeiro um texto com uma fonte visível para evitar que digite errado e depois alterar a fonte para Material Icons.

E outro cuidado é a forma com que você digita determinado carácter, pois o * Icon font* da maioria dos ícones é escrito com todos os caracteres em minúsculo. Por isso, se você digitar "WEB" ou "Web" não irá funcionar.

Ao clicar no ícone que deseja adicionar, aparecerá uma aba lateral onde você pode copiar o Icon font, como mostrado na imagem abaixo:

Caso tenha ficado com alguma dúvida, não deixe de compartilhar!

Continue praticando e evoluindo na sua jornada.

Bons estudos e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software