Eu quero ter escala de conteúdo de um elemento svg inline quando o tamanho é não-nativo. Claro que eu poderia tê-lo como um arquivo separado e escalá-lo assim.

index.html:<img src="foo.svg" style="width: 100%;" />

foo.svg:<svg width="123" height="456"></svg>

No entanto, quero adicionar outros estilos ao SVG através do CSS, portanto, vincular um externo não é uma opção. Como eu faço uma escala SVG inline?