Skip to content

Successor of Skill Icons. Showcase your skills on your Github readme or resumé with ease ✨

License

Notifications You must be signed in to change notification settings

josemateuss/skill-icons

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

About

Successor of Skill Icons. Showcase your skills on your Github readme or resumé with ease ✨

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Go 100.0%