skill-icons-plus

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 separated 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.

<div style="text-align: center;">
  <a href="https://skillicons.dev">
    <img src="https://skillicons.dev/icons?i=git,kubernetes,docker,c,vim" />
  </a>
</div>

Icons List

Here’s a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!

A-L   M-Z  
ableton markdown
activitypub mastodon
actix materialui
adonis matlab
aftereffects maven
aiscript mint
alpinejs misskey
anaconda mongodb
androidstudio mysql
angular neovim
ansible nestjs
apollo netlify
apple nextjs
appwrite nginx
arch nim
arduino nix
astro nodejs
atom notion
audition npm
autocad nuxtjs
aws obsidian
azul ocaml
azure octave
babel opencv
bash openshift
bevy openstack
bitbucket p5js
blender perl
bootstrap photoshop
bsd php
bun phpstorm
c pinia
cassandra pkl
clion plan9
clojure planetscale
cloudflare pnpm
cmake postgresql
codepen postman
coffeescript powershell
cpp premiere
crystal prisma
cs processing
css prometheus
cypress pug
d3 pycharm
dart python
debian pytorch
deno qt
devto r
discord rabbitmq
discordbots rails
discordjs raspberrypi
django react
docker reactivex
dotnet redhat
drizzle redis
dynamodb redux
eclipse regex
elasticsearch remix
electron replit
elixir rider
elysia robloxstudio
emacs rocket
ember rollupjs
emotion ros
expressjs ruby
fastapi rust
fediverse sass
figma scala
firebase scikitlearn
flask selenium
flutter sentry
forth sequelize
fortran sketchup
gamemakerstudio solidity
gatsby solidjs
gcp spring
gherkin sql-server
git sqlite
github stackoverflow
githubactions styledcomponents
gitlab sublime
gmail supabase
godot svelte
golang svg
gradle swift
grafana symfony
graphql tailwindcss
gtk tanstack
gulp tauri
haskell tensorflow
haxe terraform
haxeflixel threejs
heroku twitter
hibernate typescript
html ubuntu
htmx unity
idea unrealengine
illustrator v
instagram vala
ipfs vercel
java vim
javascript visualstudio
jenkins vite
jest vitest
jquery vscode
julia vscodium
kafka vuejs
kali vuetify
kotlin webassembly
ktor webflow
kubernetes webpack
laravel webstorm
latex windicss
less windows
linkedin wordpress
linux workers
lit xd
lua yarn
    yew
    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!