Skip to content

Instantly share code, notes, and snippets.

@bramchi

bramchi/css-svg-data-bg.css

Last active April 6, 2016 16:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bramchi/e8026d02b158d487e2be to your computer and use it in GitHub Desktop.
Save bramchi/e8026d02b158d487e2be to your computer and use it in GitHub Desktop.
Download ZIP
Use a compressed SVG image directly as CSS background image. SVGOMG / https://jakearchibald.github.io/svgomg/ is awesome for SVG compression by the way.
Raw
css-svg-data-bg.css
a.nav-social-link.-facebook {
background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11.133 6h-2.09V4.718c0-.482.342-.593.582-.593H11.1V2.008L9.07 2C6.816 2 6.303 3.58 6.303 4.59V6H5v2.18h1.303v6.172h2.74v-6.17h1.85L11.134 6z" fill="%231D1C1B" fill-rule="evenodd"/></svg>');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment