Skip to content

Instantly share code, notes, and snippets.

@lmosele
Created February 9, 2018 19:06
Show Gist options
  • Save lmosele/89b936d52087a90e6fa3096b22593b2a to your computer and use it in GitHub Desktop.
Save lmosele/89b936d52087a90e6fa3096b22593b2a to your computer and use it in GitHub Desktop.
data uri svg example
.bell-ring {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NyA0NiI+PGRlZnM+PHN0eWxlPi5jbHMtNXtmaWxsOiM2Y2M4ZGV9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBkPSJNMTUgMzdjLTUgMC03IDItNyA3YTEgMSAwIDAgMCAxIDJoMjB2LTl6IiBmaWxsPSIjYmRiZmM2Ii8+PHBhdGggZD0iTTI0IDEzYTEgMSAwIDAgMC0xIDF2MWExIDEgMCAwIDAgMSAxaDN2MWMtMTAgMS0xNyA4LTE3IDE3YTEgMSAwIDAgMCAxIDFoMThWMTN6IiBmaWxsPSIjZmNiZjUzIi8+PHBhdGggZD0iTTQzIDM3YzQgMCA3IDIgNyA3YTEgMSAwIDAgMS0yIDJIMjl2LTl6IiBmaWxsPSIjYzZjOWQ0Ii8+PHBhdGggZD0iTTMzIDEzYTEgMSAwIDAgMSAxIDF2MWExIDEgMCAwIDEtMSAxaC0zdjFjMTEgMSAxNyA4IDE3IDE3YTEgMSAwIDAgMS0xIDFIMjlWMTN6IiBmaWxsPSIjZmRjYTdhIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNNyAyMGwtNi0yYTYgNiAwIDAgMC0xIDJsNiAzaDFsMS0yLTEtMXoiLz48cGF0aCBkPSJNMTcgMTBsLTMtNGE2IDYgMCAwIDAtMiAxbDMgNGgydi0xem0xMy0zYTIgMiAwIDAgMCAwLTFWMGgtMnY2bDEgMWEzIDMgMCAwIDEgMSAwem0xNS0zbC0zIDR2MmgxbDMtNGEyMCAyMCAwIDAgMS0xLTJ6IiBmaWxsPSIjNWViOWQyIi8+PHBhdGggY2xhc3M9ImNscy01IiBkPSJNNTYgMTdoLTFsLTQgMmEyIDIgMCAwIDAgMCAxIDcgNyAwIDAgMSAwIDFoMWw1LTItMS0yeiIvPjwvZz48L2c+PC9zdmc+)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment