Bueno, por si sirve para que me podais ayudar...
He conseguido que en Safari me funcione en todos las secciones, sustituyendo el codigo anterior por:
Código:
<svg width="50" height="50" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<image xlink:href="/images/category/noticias.png" x="0" y="0" height="35" width="35" clip-path="url("#clipping12")"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" version="1.1">
<clipPath id="clipping12">
<circle cx="18" cy="15" r="12"></circle>
</clipPath>
</svg>
No logro entender que esta pasando...
Y sigue sin funcionarme en chrome y firefox en la segunda seccion de mi web...
aun que hay una diferencia con respecto a lo que pasaba en Safari, en esta ocasion se ve las imagenes, pero no las recorta
