Para los desprevenidos, SVG se trata de un formato de gráficos vectoriales cuyo archivo no es binario sinó texto plano, para más precisiones es un xml. Desde 2001 que se convirtío en recomendación del W3C (Wordl Wide Web Consortium) y que hoy goza de aceptación en la mayoría de los navegadores, ya sea nativamente o por medio de plugins.

Si quieres ver que no te miento haremos lo siguiente, en un archivo de texto plano escribiremos el siguiente código:

Luego guardas el archivo, yo lo hice con el nombre de imagen.svg. En el caso de mi Ubuntu el Eye of Gnome lo reconoció sin problemas, si utilizas otro Sistema Operativo y no lo ves puedes probar abrirlo con Firefox que sin dudas lo reconocerá (desde la versión 1.5 reconoce este tipo de imágenes).

Sin ánimos de introducirnos mucho en la especificación del formato analicemos un poco el código escrito:

En primera instancia el encabezado, con especificaciones del xml y de tipo de documento:

Luego, comienza el bloque de la imagen, donde entre otros atributos se especifica el ancho y alto de la misma:

Finalmente, el único objeto definido en la imagen, un rectángulo en color rojo con sus atributos de posición (x e y), dimensiones (width y height) y color de llenado (definido mediante un estilo):

Vía: Línea de Código