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