Primero, según esto:
http://caniuse.com/#feat=svg ya hay un soporte decente entre navegadores.
Usar un svg para cosas que debes usar una foto, o puedes usar un png, o una fuente no tiene mucho caso.
Un svg es para cosas como mapas, diagramas y cosas donde necesitas o puedes dar zoom.
Digo, claro que lo puedes usar en iconos, pero en lo personal prefiero bitmaps optimizados ahí.
Para lo del código, mejor preguntamos en html.