TQ
dev.com

'Fork me on GitHub' SVG ribbons

29 Jan 2019 - by 'Maurits van der Schee'

Ten years ago, Tom Preston‐Werner released his iconic 'Fork me on GitHub' banners (original post). 6 years ago Aral Balkan made high-res versions for retina displays. In this post you find the SVG versions that were created for InvoiceLion.com (a project I'm working on).

Usage (see upper-right corner)

Here are the 'Fork me on GitHub' ribbons in SVG. You may save the SVG file using right-click and "Save Image As" and use the HTML next to it. Alternatively you can download github-ribbons.zip containing the HTML page and all the SVG files.

<a href="https://github.com/you"><img src="forkme_left_red_aa0000.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_left_green_007200.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_left_darkblue_121621.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_left_orange_ff7600.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_left_gray_6d6d6d.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_left_white_ffffff.svg" style="position:absolute;top:0;left:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_red_aa0000.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_green_007200.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_darkblue_121621.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_orange_ff7600.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_gray_6d6d6d.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>
<a href="https://github.com/you"><img src="forkme_right_white_ffffff.svg" style="position:absolute;top:0;right:0;" alt="Fork me on GitHub"></a>

Enjoy!

PS: Liked this article? Please share it on Facebook, Twitter or LinkedIn.