<svg xmlns="http://www.w3.org/2000/svg"> <foreignObject x="0" y="0" width="100px" height="100px"> <!-- lime background --> <div xmlns="http://www.w3.org/1999/xhtml" style="background:lime; width:100%; height:100%;"> <!-- embedded iframe, whose contents shouldn't be shown, when we're being viewed as an image --> <iframe xmlns="http://www.w3.org/1999/xhtml" style="width:80px; height:80px; border: 0" src="data:text/html,%3Chtml%3E%3Cbody%20style%3D%22background-color%3A%20red%22%3Eiframe%20contents%3C%2Fbody%3E%3C%2Fhtml%3E"/> </div> </foreignObject> </svg>