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 ID	Icon ID	Icon ID	Icon ID	Icon ID
`acrobat`	`devto`	`htmx`	`nixos`	`rubocop`	`wsl`
`activitypub`	`digitalocean`	`htop`	`nodejs`	`ruby`	`x`
`actix`	`dimension`	`huggingface`	`notion`	`rubymine`	`xcode`
`adonis`	`directus`	`hugo`	`nova`	`rust`	`xd`
`aero`	`discord`	`hydrogen`	`npm`	`rustrover`	`yaml`
`aftereffects`	`discordbots`	`hyprland`	`numpy`	`s3`	`yammer`
`aiscript`	`discordjs`	`i3`	`nuxtjs`	`safari`	`yarn`
`alacritty`	`django`	`iced`	`obsidian`	`sail`	`yew`
`alchemy`	`docker`	`idea`	`ocaml`	`sanctum`	`yii`
`alpinejs`	`docksal`	`ignite`	`octane`	`sass`	`youtube`
`anaconda`	`docsify`	`illustrator`	`octave`	`scala`	`zed`
`androidstudio`	`dotnet`	`incopy`	`ollama`	`scikitlearn`	`zellij`
`angular`	`dreamweaver`	`indesign`	`onedrive`	`scipy`	`zig`
`animate`	`drupal`	`inertia`	`onenote`	`scout`	`zustand`
`ansible`	`duckduckgo`	`infura`	`opencv`	`scratch`
`anss`	`dusk`	`inkscape`	`openshift`	`seaborn`
`api`	`dynamodb`	`insomnia`	`opensource`	`selenium`
`apollo`	`echo`	`instagram`	`openstack`	`sentry`
`appcode`	`eclipse`	`integrations`	`openzeppelin`	`sequelize`
`apple`	`edge`	`ipfs`	`opera`	`sharepoint`
`appwrite`	`elasticsearch`	`jamovi`	`oracle`	`shopify`
`aqua`	`electron`	`java`	`outlook`	`skeletonui`
`arcbrowser`	`elementplus`	`javascript`	`p5js`	`sketchup`
`arch`	`elixir`	`jekyll`	`pail`	`slack`
`arduino`	`elysia`	`jenkins`	`pandas`	`snowflake`
`argocd`	`emacs`	`jest`	`papertrail`	`snyk`
`assembly`	`ember`	`jetpackcompose`	`payload`	`socialite`
`astro`	`emotion`	`jetstream`	`pbi`	`solidity`
`atom`	`envoyer`	`jira`	`pennant`	`solidjs`
`audition`	`excel`	`joomla`	`perl`	`sonarqube`
`authjs`	`expressjs`	`jquery`	`photoshop`	`spark`
`autocad`	`fabric`	`julia`	`photoshopclassic`	`spark`
`aws`	`facebook`	`jupyter`	`photoshopexpress`	`spring`
`azul`	`fastai`	`kafka`	`php`	`sqlite`
`azure`	`fastapi`	`kaggle`	`phpstorm`	`sqlserver`
`azuredevops`	`fediverse`	`kakoune`	`picocss`	`stackoverflow`
`babel`	`ffmpeg`	`kali`	`pinecone`	`steam`
`bash`	`figma`	`karma`	`pinia`	`stock`
`beeceptor`	`filament`	`kde`	`pint`	`storyblok`
`behance`	`firebase`	`keycloak`	`pkl`	`storybook`
`behat`	`firefox`	`keydb`	`plan9`	`strapi`
`bevy`	`flameshot`	`kibana`	`planetscale`	`streamlit`
`bitbucket`	`flask`	`kitty`	`platformio`	`styledcomponents`
`blazor`	`fleet`	`kotlin`	`playwright`	`stylus`
`blender`	`flutter`	`ktor`	`plsql`	`sublime`
`bootstrap`	`flyio`	`kubernetes`	`pm2`	`supabase`
`brave`	`fonts`	`langchain`	`pnpm`	`surrealdb`
`breeze`	`forge`	`laravel`	`pocketbase`	`svelte`
`bridge`	`forgejo`	`laravelspark`	`podman`	`svg`
`bsd`	`forth`	`latex`	`popos`	`svn`
`btlo`	`fortran`	`leaflet`	`portfolio`	`swagger`
`bulma`	`fresco`	`leetcode`	`postgresql`	`swift`
`bun`	`fresh`	`less`	`postman`	`symfony`
`c`	`fuse`	`libsql`	`powerpoint`	`tableau`
`cachyos`	`gamemakerstudio`	`lighthouse`	`powershell`	`tailwindcss`
`cairo`	`ganache`	`lightning`	`preact`	`tallyprime`
`canva`	`gatsby`	`lightroom`	`prelude`	`tauri`
`capacitor`	`gcp`	`lightroomclassic`	`premiere`	`teams`
`capture`	`gemini`	`linkedin`	`premiererush`	`telescope`
`cashier`	`gentoo`	`linux`	`primevue`	`tensorflow`
`cassandra`	`gherkin`	`lit`	`prisma`	`terminal`
`characteranimator`	`gimp`	`litmus`	`processing`	`terraform`
`chartjs`	`git`	`livewire`	`prometheus`	`testinglibrary`
`chatgpt`	`gitea`	`llamaindex`	`prompts`	`threejs`
`chrome`	`github`	`looker`	`proton`	`tidb`
`chromium`	`githubactions`	`lua`	`proxmox`	`tmux`
`circleci`	`githubcopilot`	`luau`	`pug`	`tomcat`
`clion`	`githubpages`	`lucidchart`	`pulse`	`tor`
`clojure`	`gitkraken`	`lunacy`	`puppeteer`	`trpc`
`cloudflare`	`gitlab`	`lxc`	`pycharm`	`truffle`
`cmake`	`gleam`	`manjaro`	`pygame`	`twitch`
`cockroachdb`	`gmail`	`markdown`	`python`	`typeorm`
`codeberg`	`gnome`	`mastodon`	`pytorch`	`typescript`
`codeigniter`	`godot`	`materialui`	`pyxel`	`ubuntu`
`codepen`	`goland`	`matlab`	`qodana`	`unity`
`coffeescript`	`golang`	`matplotlib`	`qt`	`unrealengine`
`commercetools`	`googleanalytics`	`maven`	`r`	`v`
`composer`	`googleappsscript`	`mediaencoder`	`rabbitmq`	`vagrant`
`contentful`	`gradle`	`mermaid`	`rails`	`vala`
`cpp`	`grafana`	`meteorjs`	`raspberrypi`	`vapor`
`creativecloud`	`grails`	`microsoftcopilot`	`react`	`vercel`
`crystal`	`graphql`	`millionjs`	`reactivex`	`vim`
`cs`	`grunt`	`mindsdb`	`reactquery`	`visualbasic`
`css`	`gsap`	`mint`	`recoil`	`visualstudio`
`cuda`	`gtk`	`miro`	`redhat`	`vite`
`cypress`	`gulp`	`misskey`	`redis`	`vitest`
`d`	`hadoop`	`mjml`	`redshift`	`vscode`
`d3`	`hardhat`	`ml5`	`redux`	`vscodium`
`dailydev`	`haskell`	`mocha`	`regex`	`vuejs`
`dart`	`haxe`	`mojo`	`remix`	`vuetify`
`databricks`	`haxeflixel`	`mongodb`	`render`	`vyper`
`datadog`	`helix`	`mongoose`	`renpy`	`webassembly`
`datagrip`	`helm`	`mysql`	`replit`	`webflow`
`dataspell`	`herd`	`neovim`	`resharper`	`webpack`
`davinci`	`heroku`	`nestjs`	`reverb`	`webstorm`
`dbeaver`	`hibernate`	`netlify`	`rider`	`windicss`
`debian`	`holyc`	`nextjs`	`robloxstudio`	`windows`
`defold`	`hono`	`nginx`	`rocket`	`word`
`deno`	`horizon`	`ngrok`	`rollupjs`	`wordpress`
`desmos`	`html`	`nim`	`ros`	`workers`

💖 Support the Project

Thank you so much already for using my projects! To support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!

LelouchFR/skill-icons