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

---

Docs

• Docs
• Example
• Specifying Icons
• Themed Icons
• Icons Per Line
• Get Icons Names
• Centering Icons
• Icons List
• 💖 Support the Project

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,wasm to a list of your skills separated by ","s! You can find a full list of icons here.

![My Skills](https://go-skill-icons.vercel.app/api/icons?i=js,html,css,wasm)

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://go-skill-icons.vercel.app/api/icons?i=java,kotlin,nodejs,figma&theme=light)

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://go-skill-icons.vercel.app/api/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)

Get Icons Names

You can get the possiblity to add the name of the icons you put to help others that doesnt know what they are by using &titles.

The value of titles is a boolean, so it should be true or false, default is false

![My Skills](https://go-skill-icons.vercel.app/api/icons?i=rust,surrealdb,actix,yew&titles=true)

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.

  <a href="https://go-skill-icons.vercel.app/">
    <img src="https://go-skill-icons.vercel.app/api/icons?i=git,kubernetes,docker,c,vim" />
  </a>

Icons List

| Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | Icon ID | Icon | | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | :-----------------: | :--------------: | | aave | | cashier | | ecr | | googleplay | | lambda | | ocaml | | qdrant | | sqlserver | | webflow | | | ableton | | cassandra | | ecs | | googleplayconsole | | lancedb | | octane | | qemu | | sqs | | webpack | | | acrobat | | catppuccin | | edge | | gorm | | lando | | octave | | qodana | | stackoverflow | | websocket | | | activitypub | | celerdata | | ejs | | gradio | | langchain | | odin | |qt| | stan | | webstorm | | | actix | | celery | | eks | | gradle | | laravel | | ollama | | quarkus | | starburst | | webstudio | | | adobespark | | centos | | elasticbeanstalk | | grafana | | laravelspark | | onedrive | | qubesos | | starrocks | | wezterm | | | adonis | | chainlink | | elasticsearch | | grails | | latex | | onehouse | | querydsl | | steam | | windicss | | | aero | | chakraui | | elb | | granica | | lazyvim | | onenote | | quiltmc | | stock | | windmill | | | affinity | | chaosblade | | electron | | graphite | | leaflet | | opencv | | rabbitmq | | storyblok | | windows | | | aftereffects | | characteranimator | | element | | graphql | | leetcode | | openmm | <img src="./assets/open