Profile Badge Generator

Visit Profile Badge Generator

Profile-Badge-Generator icon

I created the Profile Badge Generator to simplify the process of creating badges for your GitHub profile, social media and more. You can experience the badges on my skills page or in the following iframe at the bottom of this page. The App is available in every Browser at profilebadges.vercel.app.

Features

  • Enter a brand name to fetch the corresponding icon from SimpleIcons
  • Option to either color background or icon in brand color
  • Algorythm to preserve contrast (black or white background / icon)
  • Copy badge url

Difficulties

It was difficult to fetch the brand color from SimpleIcons. I solved this difficulty by downloading all icon data every time the page loads to loop through it and get the brand color.

Try it!