Skip to content

Instantly share code, notes, and snippets.

@caycefischer
Created July 22, 2012 14:02
Show Gist options
  • Save caycefischer/3159798 to your computer and use it in GitHub Desktop.
Save caycefischer/3159798 to your computer and use it in GitHub Desktop.
css inline svg by Tunghsiao Liu
/**
* Cash icon (c) Tunghsiao Liu
*/
.store {
margin: 0 0 1.1em;
line-height: 1.6;
font-size: 28px;
font-family: 'Helvetica Neue', sans-serif;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 40px 40px;
padding-left: 50px;
background-image: url("data:image/svg+xml,<svg id='store' width='40px' height='40px' xmlns='http://www.w3.org/2000/svg' version='1.1'><path d='M20,0C8.954,0,0,8.954,0,20s8.954,20,20,20s20-8.954,20-20S31.046,0,20,0z M5,20c0-7.806,5.964-14.214,13.583-14.929 v3.574c-3.852,0.757-6.083,3.24-6.083,6.407c0,3.492,2.627,5.292,6.479,6.588c2.664,0.899,3.816,1.764,3.816,3.131 c0,1.44-1.404,2.232-3.456,2.232c-2.34,0-4.463-0.756-5.975-1.584l-1.08,4.211c1.368,0.792,3.708,1.44,6.119,1.548v3.734 C10.87,34.115,5,27.744,5,20z M21.931,34.862v-3.936c4.14-0.72,6.407-3.455,6.407-6.659c0-3.239-1.729-5.219-6.012-6.73 c-3.059-1.152-4.319-1.908-4.319-3.096c0-1.008,0.756-2.016,3.095-2.016c2.592,0,4.247,0.827,5.184,1.224l1.044-4.067 c-1.188-0.576-2.808-1.08-5.22-1.188V5.166C29.393,6.194,35,12.434,35,20C35,27.629,29.301,33.912,21.931,34.862z'/></svg>");
}
<p class=store>Love this plugin? please consider <a href="#">making a donation</a></p>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment