Skip to content

Instantly share code, notes, and snippets.

@mrcgrtz
Last active December 7, 2022 19:27
Show Gist options
  • Save mrcgrtz/88f222048508c00eb455a3908aba82aa to your computer and use it in GitHub Desktop.
Save mrcgrtz/88f222048508c00eb455a3908aba82aa to your computer and use it in GitHub Desktop.
I recreated the Swarm coin as SVG for my blog.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190 190">
<title>Coin</title>
<defs>
<linearGradient id="coin-gradient" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#ff6"/>
<stop offset="100%" stop-color="#fc0"/>
</linearGradient>
</defs>
<circle fill="url(#coin-gradient)" cx="50%" cy="50%" r="50%"/>
<g fill="#ffa733">
<path d="M27 95c0-37.556 30.444-68 68-68s68 30.444 68 68-30.444 68-68 68-68-30.444-68-68zm-14 0c0 45.288 36.712 82 82 82s82-36.712 82-82-36.712-82-82-82-82 36.712-82 82z"/>
<path d="M58.585 95h72.83c-1.285 18.993-17.096 34-36.415 34s-35.13-15.007-36.415-34zM94 48c-23.216 0-42.133 18.399-42.97 41.41L47 114h10.66c7.624 12.021 21.051 20 36.34 20h2c15.289 0 28.716-7.979 36.34-20H143l-4.03-24.59C138.133 66.399 119.216 48 96 48h-2z"/>
<circle cx="81.5" cy="108.5" r="3.5"/>
<circle cx="108.5" cy="108.5" r="3.5"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment