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.
Onde encontrar o síndico da massa falida?
Como vender com cartão de crédito pelo Instagram?
O que acontece no final do filme Resgate?
Quanto tempo uma viúva recebe pensão?
Quem pode usar a piscina do condomínio?
Qual dos quatro irmãos foi o traidor que ajudou a Feiticeira Branca?
Quais os casos de acionar o Conselho Tutelar?
Qual o final do livro O Conde de Monte Cristo?
Como funciona o teste do polígrafo?
Como oferecer parceria para blogueiras?
O que deve ter em uma conclusão de redação?
Como funciona Os grandes conglomerado financeiro?
O que falar pro homem ficar louco por mensagem?
Como se vestiam e se amavam os bandeirantes?
O que faz uma ouvidoria pública?