** Importante! **
Recomiendo esta forma, Base64 para compatibilidad con todos los navegadores modernos
http://b64.io/
**Alternativamente, utilizar**
** reemplazar # por %23 para compatibilidad con firefox **
No funciona en IE11, salvo que se codifique en base 64
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");