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!

Name Icon Name Icon Name Icon
ableton Ableton-Dark.svg-icon gmail Gmail-Dark.svg-icon python Python-Dark.svg-icon
activitypub ActivityPub-Dark.svg-icon godot Godot-Dark.svg-icon pytorch PyTorch-Dark.svg-icon
actix Actix-Dark.svg-icon golang GoLang.svg-icon qt QT-Dark.svg-icon
adonis Adonis.svg-icon gradle Gradle-Dark.svg-icon r R-Dark.svg-icon
aftereffects AfterEffects.svg-icon grafana Grafana-Dark.svg-icon rabbitmq RabbitMQ-Dark.svg-icon
aiscript AiScript-Dark.svg-icon graphql GraphQL-Dark.svg-icon rails Rails.svg-icon
alpinejs AlpineJS-Dark.svg-icon gtk GTK-Dark.svg-icon raspberrypi RaspberryPi-Dark.svg-icon
anaconda Anaconda-Dark.svg-icon gulp Gulp.svg-icon react React-Dark.svg-icon
androidstudio AndroidStudio-Dark.svg-icon haskell Haskell-Dark.svg-icon reactivex ReactiveX-Dark.svg-icon
angular Angular-Dark.svg-icon haxe Haxe-Dark.svg-icon redhat RedHat-Dark.svg-icon
ansible Ansible.svg-icon haxeflixel HaxeFlixel-Dark.svg-icon redis Redis-Dark.svg-icon
apollo Apollo.svg-icon heroku Heroku.svg-icon redux Redux.svg-icon
apple Apple-Dark.svg-icon hibernate Hibernate-Dark.svg-icon regex Regex-Dark.svg-icon
appwrite Appwrite.svg-icon html HTML.svg-icon remix Remix-Dark.svg-icon
arch Arch-Dark.svg-icon htmx Htmx-Dark.svg-icon replit Replit-Dark.svg-icon
arduino Arduino.svg-icon idea Idea-Dark.svg-icon rider Rider-Dark.svg-icon
astro Astro.svg-icon illustrator Illustrator.svg-icon robloxstudio RobloxStudio.svg-icon
atom Atom.svg-icon instagram Instagram.svg-icon rocket Rocket.svg-icon
audition Audition.svg-icon ipfs IPFS-Dark.svg-icon rollupjs RollupJS-Dark.svg-icon
autocad AutoCAD-Dark.svg-icon java Java-Dark.svg-icon ros ROS-Dark.svg-icon
aws AWS-Dark.svg-icon javascript JavaScript.svg-icon ruby Ruby.svg-icon
azul Azul.svg-icon jenkins Jenkins-Dark.svg-icon rust Rust.svg-icon
azure Azure-Dark.svg-icon jest Jest.svg-icon sass Sass.svg-icon
babel Babel.svg-icon jquery JQuery.svg-icon scala Scala-Dark.svg-icon
bash Bash-Dark.svg-icon julia Julia-Dark.svg-icon scikitlearn ScikitLearn-Dark.svg-icon
bevy Bevy-Dark.svg-icon kafka Kafka.svg-icon selenium Selenium.svg-icon
bitbucket BitBucket-Dark.svg-icon kali Kali-Dark.svg-icon sentry Sentry.svg-icon
blender Blender-Dark.svg-icon kotlin Kotlin-Dark.svg-icon sequelize Sequelize-Dark.svg-icon
bootstrap Bootstrap.svg-icon ktor Ktor-Dark.svg-icon sketchup Sketchup-Dark.svg-icon
bsd BSD-Dark.svg-icon kubernetes Kubernetes.svg-icon solidity Solidity.svg-icon
bun Bun-Dark.svg-icon laravel Laravel-Dark.svg-icon solidjs SolidJS-Dark.svg-icon
c C.svg-icon latex LaTeX-Dark.svg-icon spotify Spotify-Dark.svg-icon
cassandra Cassandra-Dark.svg-icon less Less-Dark.svg-icon spring Spring-Dark.svg-icon
clion CLion-Dark.svg-icon linkedin LinkedIn.svg-icon sql-server SQL-Server-Dark.svg-icon
clojure Clojure-Dark.svg-icon linux Linux-Dark.svg-icon sqlite SQLite.svg-icon
cloudflare Cloudflare-Dark.svg-icon lit Lit-Dark.svg-icon stackoverflow StackOverflow-Dark.svg-icon
cmake CMake-Dark.svg-icon lua Lua-Dark.svg-icon styledcomponents StyledComponents.svg-icon
codepen CodePen-Dark.svg-icon markdown Markdown-Dark.svg-icon sublime Sublime-Dark.svg-icon
coffeescript CoffeeScript-Dark.svg-icon mastodon Mastodon-Dark.svg-icon supabase Supabase-Dark.svg-icon
cpp CPP.svg-icon materialui MaterialUI-Dark.svg-icon svelte Svelte.svg-icon
crystal Crystal-Dark.svg-icon matlab Matlab-Dark.svg-icon svg SVG-Dark.svg-icon
cs CS.svg-icon maven Maven-Dark.svg-icon swift Swift.svg-icon
css CSS.svg-icon mint Mint-Dark.svg-icon symfony Symfony-Dark.svg-icon
cypress Cypress-Dark.svg-icon misskey Misskey-Dark.svg-icon tailwindcss TailwindCSS-Dark.svg-icon
d3 D3-Dark.svg-icon mongodb MongoDB.svg-icon tanstack TanStack-Dark.svg-icon
dart Dart-Dark.svg-icon mysql MySQL-Dark.svg-icon tauri Tauri-Dark.svg-icon
debian Debian-Dark.svg-icon neovim NeoVim-Dark.svg-icon tensorflow TensorFlow-Dark.svg-icon
deno DENO-Dark.svg-icon nestjs NestJS-Dark.svg-icon terraform Terraform-Dark.svg-icon
devto DevTo-Dark.svg-icon netlify Netlify-Dark.svg-icon threejs ThreeJS-Dark.svg-icon
discord Discord.svg-icon nextjs NextJS-Dark.svg-icon twitter Twitter.svg-icon
discordbots DiscordBots.svg-icon nginx Nginx.svg-icon typescript TypeScript.svg-icon
discordjs DiscordJS-Dark.svg-icon nim Nim-Dark.svg-icon ubuntu Ubuntu-Dark.svg-icon
django Django.svg-icon nix Nix-Dark.svg-icon uml UML-Dark.svg-icon
docker Docker.svg-icon nodejs NodeJS-Dark.svg-icon unity Unity-Dark.svg-icon
dotnet DotNet.svg-icon notion Notion-Dark.svg-icon unrealengine UnrealEngine.svg-icon
drizzle Drizzle.svg-icon npm Npm-Dark.svg-icon v V-Dark.svg-icon
dynamodb DynamoDB-Dark.svg-icon nuxtjs NuxtJS-Dark.svg-icon vala Vala.svg-icon
eclipse Eclipse-Dark.svg-icon obsidian Obsidian-Dark.svg-icon vercel Vercel-Dark.svg-icon
elasticsearch Elasticsearch-Dark.svg-icon ocaml OCaml.svg-icon verilog Verilog.svg-icon
electron Electron.svg-icon octave Octave-Dark.svg-icon vim VIM-Dark.svg-icon
elixir Elixir-Dark.svg-icon opencv OpenCV-Dark.svg-icon visualstudio VisualStudio-Dark.svg-icon
elysia Elysia-Dark.svg-icon openshift OpenShift.svg-icon vite Vite-Dark.svg-icon
emacs Emacs.svg-icon openstack OpenStack-Dark.svg-icon vitest Vitest-Dark.svg-icon
ember Ember.svg-icon p5js p5js.svg-icon vscode VSCode-Dark.svg-icon
emotion Emotion-Dark.svg-icon perl Perl.svg-icon vscodium VSCodium-Dark.svg-icon
expressjs ExpressJS-Dark.svg-icon photoshop Photoshop.svg-icon vuejs VueJS-Dark.svg-icon
fastapi FastAPI.svg-icon php PHP-Dark.svg-icon vuetify Vuetify-Dark.svg-icon
fediverse Fediverse-Dark.svg-icon phpstorm PhpStorm-Dark.svg-icon webassembly WebAssembly.svg-icon
figma Figma-Dark.svg-icon pinia Pinia-Dark.svg-icon webflow Webflow.svg-icon
firebase Firebase-Dark.svg-icon pkl Pkl-Dark.svg-icon webpack Webpack-Dark.svg-icon
flask Flask-Dark.svg-icon plan9 Plan9-Dark.svg-icon webstorm WebStorm-Dark.svg-icon
flutter Flutter-Dark.svg-icon planetscale PlanetScale-Dark.svg-icon windicss WindiCSS-Dark.svg-icon
forth Forth.svg-icon pnpm Pnpm-Dark.svg-icon windows Windows-Dark.svg-icon
fortran Fortran.svg-icon postgresql PostgreSQL-Dark.svg-icon wordpress Wordpress.svg-icon
gamemakerstudio GameMakerStudio.svg-icon postman Postman.svg-icon workers Workers-Dark.svg-icon
gatsby Gatsby.svg-icon powershell Powershell-Dark.svg-icon xcode Xcode-Dark.svg-icon
gcp GCP-Dark.svg-icon premiere Premiere.svg-icon xd XD.svg-icon
gherkin Gherkin-Dark.svg-icon prisma Prisma.svg-icon yarn Yarn-Dark.svg-icon
git Git.svg-icon processing Processing-Dark.svg-icon yew Yew-Dark.svg-icon
github Github-Dark.svg-icon prometheus Prometheus.svg-icon zig Zig-Dark.svg-icon
githubactions GithubActions-Dark.svg-icon pug Pug-Dark.svg-icon    
gitlab GitLab-Dark.svg-icon pycharm PyCharm-Dark.svg-icon