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.
Quanto ganha um cabeleireiro iniciante?
O que fazer em são miguel arcanjo?
Quanto tempo demora o processo de nacionalidade portuguesa?
Como bver se um gato fou picado por uma avelha?
O que é razão em contabilidade?
Como por google na pagina inicial?
Quando o juiz não acolheu os embargos?
Qual a função do estabilizador de pH?
O que é onomatopeia são essas?