HTML5 vector graphics: Canvas, svg

<object data="img/logo.svg" type="image/svg+xml">
    <a href="img/logo.svg">
    <!--[if lte IE 8]>
      <img src="img/logo.png" alt="">
    <![endif]-->
    </a>
</objetct>

and/or

<object data="path/to/foo.svg">
<img src="path/to/foo.jpg">
or other arbitrary HTML here
</object>

for Kindle

.defaultcontent { display: block; }
.mobicontent { display: none; }
@media amzn-mobi {
    .defaultcontent { display: none; }
    .mobicontent { display: block; }
}
<svg class="defaultcontent" xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" fill="red" />
</svg>
<img class="mobicontent" src="circleimage.jpg">

• .SVG Browser Support

• CSS3 Family Tree