Skip to content

Latest commit

 

History

History
202 lines (168 loc) · 47.6 KB

README.md

File metadata and controls

202 lines (168 loc) · 47.6 KB

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

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