SVG are vector graphics that can be rendered in all modern browsers:
http://caniuse.com/#feat=svg-img
You do miss out on the recoloring and any other font styling options though.
http://caniuse.com/#feat=svg-img
You do miss out on the recoloring and any other font styling options though.
#yourSVG {
fill: red;
stroke: blue;
}There's a tradeoff between inlining (or rather, including them server-side) and calling them as <img>, background-image, or fonts. The size, http requests, caching , and styling all play a role.