Ícones feitos em Inkscape e Photoshop não têm cores alteradas via CSS

Dev
1

Fiz alguns ícones para colocar no meu fórum, fiz esses ícones no Photoshop, mas quando mudo suas cores via CSS elas não mudam, todos os outros ícones que baixei do site do Google mudam, exceto os ícones que eu fiz no Photoshop

image
image140×123 1.95 KB

o ícone svg baixado do site do google que simboliza as notícias tem sua cor alterada pelo css

o ícone da TV que fiz no photoshop não muda a cor pelo CSS

svg notícias


<symbol id="news">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path d="M7.75 41.8q-1.5 0-2.525-1.025T4.2 38.25V8.95q0-1.05.525-1.25.525-.2 1.275.5l1.35 1.4 2.1-2.1q.2-.25.55-.4.35-.15.65-.15.35 0 .675.15.325.15.625.35L14 9.6l2.1-2.15q.25-.2.575-.35.325-.15.675-.15.35 0 .675.15.325.15.575.4l2.05 2.1 2.15-2.15q.2-.2.525-.375T24 6.9q.35 0 .65.175.3.175.6.375l2.1 2.15 2.1-2.1q.2-.25.55-.4.35-.15.65-.15.35 0 .675.15.325.15.625.35L34 9.6l2.1-2.15q.25-.2.575-.35.325-.15.675-.15.35 0 .675.15.325.15.575.4l2.05 2.1 1.4-1.4q.7-.7 1.25-.5.55.2.55 1.25v29.3q0 1.5-1.05 2.525T40.3 41.8Zm0-2.9h14.8V25.05H7.1v13.2q0 .3.175.475t.475.175Zm17.75 0h14.8q.3 0 .475-.175t.175-.475v-4.8H25.5Zm0-8.4h15.45v-5.45H25.5ZM7.1 22.15h33.85V15.6H7.1Z" />
</svg>

</symbol>

svg TV

<symbol id="tv">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200">
  <image id="Camada_1" data-name="Camada 1" x="6" y="36" width="188" height="128" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAACACAYAAACx8QN9AAAFGElEQVR4nO3bzWtcVRiA8WcySWobG23Uav2maGnV1q+dtYi6iKCVItKFuPMP6MKVC5ci6kJE3OlGXIoIRbCbaqkiuCmCrRVEsUpjQy21VUlSk5HOvj/zPj+ZkZk5M+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+98733vPee+9
1 curtida
2

O ícone da sua TV é um PNG incorporado (xlink:href=\"data:img/png...), não um SVG de fato.

Você precisa de um SVG com caminhos vetoriais adequados para que o navegador possa aplicar a cor de preenchimento.

6 curtidas
3

O Photoshop não cria vetores normalmente? Que programa posso usar para criar vetores e salvar como SVG normal?

1 curtida
4

Inkscape é um software de gráficos vetoriais bom e gratuito.

6 curtidas
5

Eu uso o Affinity Designer. Ele não é gratuito, mas também não tem o preço da Adobe :sweat_smile:

4 curtidas
6

Se você já está no ecossistema da Adobe, o Illustrator seria a ferramenta que você procura.

5 curtidas
7

Ao usar o Photoshop, você pode facilmente converter o .png em um .svg e excluir os pontos brancos usando a borracha mágica.

1 curtida
8

obrigado pelas respostas