How to add the "Powered by GraphCDN" badge to your website

In return for unlimited requests for side projects and indie hackers on the free plan, all we ask is that you put our "Powered by GraphCDN" badge in the footer of your website:

To integrate it into your website, paste the below code snippet into the HTML of your footer. You are free to pick a size that works with your design, however, the badge must not go below a minimum width of 100px.

<a href="https://graphcdn.io/?ref=powered-by">
  <img src="https://graphcdn.io/badge.svg" alt="Powered by GraphCDN, the GraphQL CDN" />
</a>

Alternative "Light" version

If your site has a dark theme, or you are offering a dark mode as well, you can also use a "light" version of the badge, that uses mostly white instead of the various colors of our default badge. To use this version, replace the source of the image with https://graphcdn.io/badge-light.svg (or use the snippet below).

The same restrictions regarding minimum width and placement apply, of course.

<a href="https://graphcdn.io/?ref=powered-by">
  <img src="https://graphcdn.io/badge-light.svg" alt="Powered by GraphCDN, the GraphQL CDN" />
</a>

Did this page help you?