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 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.

<p align="center">
  <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>
</p>

Icons List

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

Icon ID	Icon
`ableton`
`acrobat`
`activitypub`
`actix`
`adonis`
`ar`
`ae`
`aiscript`
`alchemy`
`alpinejs`
`anaconda`
`androidstudio`
`angular`
`an`
`ansible`
`anss`
`apollo`
`apple`
`appwrite`
`arch`
`arduino`
`argocd`
`asm`
`astro`
`atom`
`au`
`autocad`
`aqua`
`aws`
`azul`
`azure`
`babel`
`bash`
`be`
`bevy`
`bitbucket`
`blender`
`bootstrap`
`brave`
`br`
`bsd`
`bun`
`c`
`ca`
`cs`
`cpp`
`cc`
`crystal`
`cassandra`
`ch`
`chrome`
`chromium`
`clion`
`clojure`
`cloudflare`
`cmake`
`codepen`
`coffeescript`
`css`
`cypress`
`d3`
`datagrip`
`dart`
`debian`
`defold`
`deno`
`desmos`
`devto`
`dn`
`discord`
`bots`
`digitalocean`
`discordjs`
`django`
`docker`
`docksal`
`dotnet`
`dw`
`drupal`
`dynamodb`
`eclipse`
`edge`
`elasticsearch`
`electron`
`elixir`
`elysia`
`emacs`
`ember`
`emotion`
`excel`
`express`
`facebook`
`fastapi`
`fediverse`
`figma`
`firebase`
`firefox`
`flask`
`fleet`
`flutter`
`fonts`
`forth`
`fortran`
`fresco`
`fuse`
`gamemakerstudio`
`ganache`
`gatsby`
`gcp`
`git`
`github`
`githubactions`
`gitlab`
`gleam`
`gmail`
`gnome`
`gherkin`
`go`
`goland`
`googleanalytics`
`googleappsscript`
`gradle`
`godot`
`grafana`
`graphql`
`gsap`
`gtk`
`gulp`
`hardhat`
`haskell`
`haxe`
`haxeflixel`
`helix`
`helm`
`heroku`
`hibernate`
`hc`
`html`
`htmx`
`hydrogen`
`hyprland`
`i3`
`idea`
`ai`
`ic`
`id`
`infura`
`instagram`
`ipfs`
`java`
`js`
`jenkins`
`jest`
`jira`
`jquery`
`julia`
`kakoune`
`kafka`
`kali`
`kde`
`kotlin`
`ktor`
`kubernetes`
`laravel`
`latex`
`leetcode`
`less`
`lr`
`lrc`
`linkedin`
`linux`
`lit`
`litmus`
`looker`
`lua`
`md`
`mastodon`
`materialui`
`matlab`
`matplotlib`
`maven`
`me`
`mermaid`
`million`
`mint`
`miro`
`misskey`
`mjml`
`ml5`
`mongodb`
`mysql`
`neovim`
`nestjs`
`netlify`
`nextjs`
`nginx`
`nim`
`nix`
`nodejs`
`notion`
`npm`
`numpy`
`nuxtjs`
`obsidian`
`ocaml`
`octave`
`onedrive`
`onenote`
`opencv`
`openshift`
`openstack`
`openzeppelin`
`opera`
`oracle`
`outlook`
`p5js`
`pandas`
`pbi`
`perl`
`ps`
`psc`
`psx`
`php`
`phpstorm`
`pinia`
`pkl`
`plan9`
`planetscale`
`playwright`
`pnpm`
`pop`
`pocketbase`
`pf`
`postgres`
`postman`
`powerpoint`
`powershell`
`preact`
`pl`
`pr`
`ru`
`prisma`
`processing`
`prometheus`
`proton`
`pug`
`puppeteer`
`pycharm`
`py`
`pytorch`
`pyxel`
`qt`
`r`
`rabbitmq`
`rails`
`raspberrypi`
`react`
`reactivex`
`reactquery`
`recoil`
`redhat`
`redis`
`redux`
`regex`
`remix`
`replit`
`resharper`
`rider`
`robloxstudio`
`rocket`
`rollupjs`
`ros`
`ruby`
`rubymine`
`rust`
`rustrover`
`safari`
`sass`
`spring`
`sqlite`
`sqlserver`
`stackoverflow`
`stock`
`storybook`
`styledcomponents`
`sublime`
`supabase`
`surrealdb`
`scala`
`scipy`
`scratch`
`sklearn`
`selenium`
`sentry`
`sequelize`
`sharepoint`
`shopify`
`sketchup`
`solidity`
`solidjs`
`spark`
`svelte`
`svg`
`swift`
`symfony`
`tableau`
`tailwind`
`tauri`
`teams`
`tensorflow`
`terraform`
`testinglibrary`
`threejs`
`tor`
`trpc`
`truffle`
`ts`
`ubuntu`
`unity`
`unreal`
`v`
`vala`
`vb`
`vercel`
`vim`
`visualstudio`
`vite`
`vitest`
`vscode`
`vscodium`
`vue`
`vuetify`
`vyper`
`wasm`
`webflow`
`webpack`
`webstorm`
`windicss`
`windows`
`word`
`wordpress`
`workers`
`x`
`xcode`
`xd`
`yaml`
`yammer`
`yarn`
`yew`
`youtube`
`zed`
`zig`