Estou usando uma spriteheet do SVG para ícones. Eu gostaria de fazer uma alteração de cor em: hover /: active. A única maneira (que encontrei) de alterar a cor de um SVG é se os dados SVG estiverem em linha. Há um bom script para converter um .svg externo em código SVG embutido:

Como alterar a cor da imagem SVG usando CSS (substituição de imagem SVG jQuery)?

mas eu não acho que funcionará com uma spritesheet, porque todos os sprites da página serão injetados com os caminhos para a spritesheet inteira, ao invés de apenas o 1 que o sprite em particular precisa exibir.

Existe uma maneira de extrair uma parte específica (sprite) do xml da spriteheet para colocar na marcação HTML, com base em uma classe (ou outra coisa)? Meu único pensamento é dividir manualmente a spritesheet, colocar cada string de caminho do sprite em um array / objeto e usar js (talvez Raphael) para escrever a marcação in-line e configurar as cores do hover; mas não tenho certeza de que tipo de sobrecarga isso acrescentaria, ou se é uma maneira realmente complicada de fazer algo que não deveria ser.