1
resposta

Cor do ícone

Olá! Como foi feita a edição da cor do ícone do site Flaticon?

1 resposta

Oi, Mateus, tudo bem?

Para editar a cor de um ícone ele deve estar salvo como .svg, isso permite a edição das cores e dos formatos do ícone ao clicar duas vezes nele dentro do adobe xd

Para baixar nesse formato normalmente é pedido uma licença paga do site de ícones, mas você pode encontrar diversos ícones gratuitos pela internet

No flaticon, para baixar o ícone de forma gratuita ele fica salvo em .png, que não é possível alterar as camadas e cores, só com uma edição de imagem, normalmente feita no photoshop.

Mas tem um truque que pode ser feito direto pelo adobe xd, mas só funciona em alguns casos. Vou mostrar como faz

1) O primeiro passo é enviar o ícone em png para o XD

2) Adicione um retângulo com a cor que você deseja em cima do ícone

3) No canto direito do retângulo vai ter a opção "modo de mesclagem" > "normal", altere o modo para "cor"

4) Agrupe o ícone e o retângulo

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Assim você vai ter um ícone editado direto no Xd

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