Skip to content

Showcase your skills on your Github readme or resumé with ease ✨

License

Notifications You must be signed in to change notification settings

W3Dev/skill-icons

 
 

Repository files navigation

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


Powered by Cloudflare Workers ⚡

NOTE: To keep icons consistent and to ensure browser support, we don't accept pull requests for icon submissions. If you would like an icon added, please open an issue.

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 seprated by ","s! You can find a full list of icons here.

[![My Skills](https://skillicons.dev/icons?i=js,html,css,wasm)](https://skillicons.dev)

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://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skillicons.dev)

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://skillicons.dev/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skillicons.dev)

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://skillicons.dev">
    <img src="https://skillicons.dev/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
activitypub
actix
ae
aiscript
alpinejs
androidstudio
angular
ansible
apollo
appwrite
arduino
astro
atom
au
autocad
aws
azul
azure
bash
bevy
blender
bootstrap
bsd
c
cs
cpp
crystal
cassandra
clojure
cloudflare
cmake
codepen
coffeescript
css
d3
dart
deno
discord
bots
django
docker
dotnet
dynamodb
eclipse
electron
elixir
emacs
ember
emotion
express
fastapi
fediverse
figma
firebase
flask
flutter
forth
fortran
gamemakerstudio
gatsby
gcp
git
github
githubactions
gitlab
gherkin
go
gradle
godot
grafana
graphql
gtk
haskell
haxe
haxeflixel
heroku
hibernate
html
idea
ai
instagram
java
js
jenkins
jest
jquery
julia
kotlin
ktor
kubernetes
laravel
latex
linkedin
linux
lit
lua
md
mastodon
materialui
matlab
maven
misskey
mongodb
mysql
neovim
nestjs
netlify
nextjs
nginx
nim
nodejs
nuxtjs
ocaml
octave
openshift
openstack
perl
ps
php
plan9
postgres
powershell
pr
prisma
processing
prometheus
pug
py
pytorch
qt
r
rails
raspberrypi
react
reactivex
redis
redux
regex
remix
rocket
rollupjs
ros
ruby
rust
sass
solidity
spring
sqlite
stackoverflow
styledcomponents
supabase
scala
selenium
sketchup
svelte
svg
swift
symfony
tailwind
tauri
tensorflow
twitter
ts
unity
unreal
v
vala
vercel
vim
visualstudio
vite
vscode
vue
wasm
webpack
windicss
wordpress
workers
xd
zig

💖 Support the Project

Thank you so much already for using my projects! If you want to go a step further and support my open source work, buy me a coffee:

Buy Me a Coffee at ko-fi.com

To support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!

About

Showcase your skills on your Github readme or resumé with ease ✨

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SVG 99.8%
  • JavaScript 0.2%