Show variation of icon uses
my icon
HTML
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
background: url(/img/icon@2.png);
background-size:64px 64px;
}HTML
<a href="#" target="_blank" class="svg">
<span>
<object width="64" height="64" data="img/cross.svg" type="image/svg+xml" >
<span>Your browser doesn't support SVG images</span>
</object>
</span>
</a>
CSS
a { position: relative; z-index: 1; }
a span { display: inline-block; }
a object { position: relative; z-index: -1; }
We recommend the use of web fonts. The benefit outweighs the browser compatibility (SVG) and a flexible application without regard on CSS. In our opinion, Font Awesome has surpassed all web fonts. The benefits are: A huge selection and easy use through class injection without a unicode decimal. Awsome fonts are like Raphael icons under MIT License.