LelouchFR / skill-icons

Successor of Skill Icons. Showcase your skills on your Github readme or resumé with ease ✨
https://go-skill-icons.vercel.app
MIT License
61 stars 15 forks source link
github-profile github-readme icons readme-stats

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


Docs

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)

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

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

My Skills

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)

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

💖 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!