Skip to content

Showcase your skills on your Github readme or resumé with ease ✨

Notifications You must be signed in to change notification settings

parzival-space/skill-icons

 
 

Repository files navigation

Showcase your skills on your GitHub or resumé with ease!


Powered by Cloudflare Workers ⚡

Docs

Wait! This is the same as tandpfun/skill-icons?!

No, not exactly.
I have created this fork as the original repository seems somewhat dead and I have added some additional skill icons. The original maintainers mentioned in their issue section the they are running out of space of their cloudflare workers. I plan on fixing this in the near future.
My goal is to add many more skill icons for everyone to use.

Example

Specifying Icons

Copy and paste the code block below into your readme to add the skills icon element!

Change the ?i=js,html,css to a list of your skills separated by ","s! You can find a full list of icons here.

[![My Skills](https://skill-icons.parzival.space/icons?i=js,html,css,wasm)](https://skill-icons.parzival.space)

My Skills

Themed Icons

Some icons have a dark and light themed background. You can specify which theme you want as a url parameter.

This is optional. The default theme is dark.

Change the &theme=light to either dark or light. The theme is the background color, so light theme has a white icon background, and dark has a black-ish.

Light Theme Example:

[![My Skills](https://skill-icons.parzival.space/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skill-icons.parzival.space)

My Skills

Icons Per Line

You can specify how many icons you would like per line! It's an optional argument, and the default is 15.

Change the &perline=3 to any number between 1 and 50.

[![My Skills](https://skill-icons.parzival.space/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skill-icons.parzival.space)

My Skills

Centering Icons

Want to center the icons in your readme? The SVGs are automatically resized, so you can do it the same way you'd normally center an image.

<p align="center">
  <a href="https://skill-icons.parzival.space">
    <img src="https://skill-icons.parzival.space/icons?i=git,kubernetes,docker,c,vim" />
  </a>
</p>

Icons List

Here's a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!

If you want to see the full list, including the icon names, click here.

Full Icon List


💖 Support the Project

To support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!

About

Showcase your skills on your Github readme or resumé with ease ✨

Topics

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 100.0%