Você não pode mudar a cor de uma imagem dessa maneira. Se você carregar o SVG como uma imagem, não será possível alterar a forma como ele é exibido usando CSS ou Javascript no navegador. Se você quiser alterar sua imagem SVG, carregue-a usando , ou usando inline.
A cor de um SVG pode ser definida através do atributo fill (em português, preenchimento). Ele serve exclusivamente para preencher um objeto SVG em um arquivo HTML. Assim sendo, devemos buscar pelo atributo fill dentro do código e alterar seu valor para a cor desejada.
Finalmente, você pode adicionar a própria tag diretamente ao seu documento. Basta abrir o arquivo e copiar o elemento . Este método possui vantagens e desvantagens. A principal vantagem é que você pode manipular a cor de fundo e bordas dos elementos do SVG com CSS, por exemplo.
Use elemento SVG para criar um hiperlink para outras páginas da web, arquivos, locais na mesma página, endereços de email ou qualquer outro URL. É semelhante ao elemento HTML .
Você não pode alterar a cor de uma imagem dessa maneira. Se você carregar o SVG como uma imagem, não poderá alterar a forma como ela é exibida usando CSS ou Javascript no navegador. Se você quer mudar sua imagem SVG, você tem que carregá-lo usando , ou usando embutido.
Você pode alterar a coloração SVG com css se usar alguns truques. Eu escrevi um pequeno roteiro para isso. o código acima pode não estar funcionando corretamente, eu implementei isso para elementos com uma imagem de fundo svg que funciona quase de maneira semelhante a isso.
This replaces all SVG images with inline SVGs so you can style them with css. Basicamente o que ele faz é substituir todas as imagens de seu site com SVG INLINE permitindo que você possa acessar suas propriedades via CSS. OBS: É necessário incluir a classe SVG enquanto AIRPLANE é para o exemplo.
Basta acrescentar o código citado alterando a propriedade fill com a cor desejada. A forma que encontrei e mais recomendada foi utilizando este código do SNIPPETLIB: Replace all SVG images with inline SVG Currently there isn't an easy way to embed an SVG image and then have access to the SVG elements via CSS.
Como tratar crise hipertensiva?
Quanto tempo dura uma garrafa de licor aberta?
O que um obeso mórbido deve fazer para perder peso?
Qual foi a causa da morte do filósofo Sócrates?
Para que serve o sulfametoxazol serve para diarreia?
Quantas vezes pode renovar contrato de trabalho?
Quantas gramas tem em uma colher de açúcar?
O que fazer após meia maratona?
Como saber se o problema é no cabeçote?
Quanto tempo um tumor maligno demora para crescer?
O que acontece quando a pessoa tem um apagão?
É correto afirmar sobre as ondas mecânicas?
Qual foi a novela mais longa do mundo?
Quais os tipos de empresas prestadoras de serviço?