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

---

Powered by Cloudflare Workers ⚡

Docs

• Example
• Specifying Icons
• Themed Icons
• Icons Per Line
• Centering Icons
• Icons List

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)

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)

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)

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
activitypub
ae
aiscript
angular
autocad
aws
azure
bash
blender
bootstrap
bsd
c
cs
cpp
clojure
cloudflare
coffeescript
css
dart
deno
discord
bots
docker
dotnet
eclipse
emacs
emotion
express
figma
firebase
flutter
gamemakerstudio
gatsby
gcp
git
go
godot
grafana
graphql
haxe
haxeflixel
html
idea
ai
java
js
jenkins
jquery
kotlin
kubernetes
laravel
latex
linux
lua
md
materialui
mongodb
mysql
nestjs
nextjs
nginx
nim
nodejs
nuxtjs
ps
php
plan9
postgres
pr
prisma
prometheus
py
r
rails
react
redis
regex
remix
ruby
rust
sass
solidity
spring
styledcomponents
supabase
scala
svelte
svg
swift
tailwind
ts
unity
unreal
v
vala
vim
vscode
vue
wasm
windicss
wordpress
workers
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:

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