Este é um auto Q & A de um pedaço de código acessível eu vim com.

Atualmente, não há uma maneira fácil de incorporar uma imagem SVG e depois ter acesso aos elementos SVG via CSS. Existem vários métodos de usar estruturas SVG JS, mas eles são muito complicados se tudo o que você está fazendo é criar um ícone simples com um estado de sobreposição.

Então, aqui está o que eu criei, que eu acho que é de longe a maneira mais fácil de usar arquivos SVG em um site. Ele usa o conceito dos primeiros métodos de substituição de texto para imagem, mas, até onde sei, nunca foi feito para SVGs.

Esta é a questão: