Showcase your skills with ease!

Skill Icons

The Skill Icons project allows you to stylishly showcase your skills in your GitHub README. With an easy-to-integrate interface, it offers a vast library of customizable icons representing a variety of popular technologies and tools. You can adjust the theme (light or dark) so that the icons match the visual style of your project, and center the icons for a more organized and visually appealing display.

Key Features:

• Icon Specification: Customize your skills display by including a list of your technologies directly in the URL. Just modify the ?i= parameter with your desired skills.
• Light and Dark Themes: Set the icon background to light or dark depending on your project theme.
• Centering Icons: Use a simple HTML tag to align icons to the center, enhancing visual organization.
• Comprehensive Icon List: A broad collection of icons is available, allowing you to showcase all your preferred skills and tools.

Docs

• Specifying Icons
• Themed Icons
• Centering Icons
• Icons List

Specifying Icons

Copy and paste the code block below into your readme to add the skills icon element!

Change the ?i=javascript,html,css to a list of your skills separated by ","s! You can find a full list of icons here.

![My Skills](https://skill-icons-v2.vercel.app/api/icons?i=javascript,html,css,webassembly)

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://skill-icons-v2.vercel.app/api/icons?i=java,kotlin,nodejs,figma&theme=light)

Dark Theme Example:

![My Skills](https://skill-icons-v2.vercel.app/api/icons?i=java,kotlin,nodejs,figma&theme=dark)

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">
    <img src="https://skill-icons-v2.vercel.app/api/icons?i=git,kubernetes,docker,c,vim" />
</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	Icon ID	Icon	Icon ID	Icon	Icon ID	Icon	Icon ID	Icon	Icon ID	Icon
acrobat		datadog		gulp		milvus		qodana		tomcat
activitypub		datagrip		hadoop		mindsdb		qt		tor
actix		dataspell		hardhat		mint		rabbitmq		trpc
adobespark		davinci		haskell		miro		rails		truffle
adonis		dbeaver		haxe		misskey		raspberrypi		twig
aero		debian		haxeflixel		mistral		r		twitch
aftereffects		defold		helix		mjml		react		typeorm
aiscript		deno		helm		ml5		reactivex		typescript
alacritty		desmos		herd		mocha		reactnative		ubuntu
alchemy		devto		heroku		mojo		reactquery		unity
alpinejs		digitalocean		hibernate		mongodb		recoil		unitycatalog
anaconda		dimension		holyc		mongoose		redhat		unocss
android		directus		hono		mysql		redis		unrealengine
androidstudio		discordbots		horizon		neovim		redshift		vagrant
angular		discordjs		html		nestjs		redux		vala
animate		discord		htmx		netlify		regex		vapor
ansible		django		htop		nextjs		remix		v
anss		docker		huggingface		nginx		render		vercel
api		docksal		hugo		ngrok		renpy		vim
apidog		docsify		hydrogen		nim		replit		virtualbox
apollo		dotnet		hyprland		nixos		resharper		visualbasic
appcode		dreamweaver		i3		nodejs		reverb		visualstudio
apple		drupal		iced		notepadpp		revolt		vite
appwrite		d		idea		notion		rider		vitest
aqua		duckduckgo		ignite		nova		robloxstudio		vmwareworkstation
arcbrowser		dusk		illustrator		npm		rocket		vscode
arch		dynamodb		incopy		numpy		rollupjs		vscodium
arduino		echo		indesign		nuxtjs		ros		vuejs
argocd		eclipse		inertia		obsidian		rubocop		vuetify
assembly		edge		infura		ocaml		rubymine		vyper
astro		elasticsearch		inkscape		octane		ruby		wandb
atom		electron		insomnia		octave		rust		webassembly
audition		elementplus		instagram		odin		rustrover		webflow
authjs		elixir		integrations		ollama		s3		webpack
elysia		ipfs		onedrive		safari		webstorm
avaloniaui		emacs		jamovi		onenote		sail		windicss
aws		ember		java		opencv		sanctum		windows
azul		emotion		javascript		openshift		sass		word
azure		envoyer		jekyll		opensource		scala		wordpress
azuredevops		erlang		jenkins		openstack		scikitlearn		workers
babel		excel		jest		openzeppelin		scipy		wsl
barbajs		expo		jetpackcompose		opera		scout		x
bash		expressjs		jetstream		oracle		scratch		xcode
beeceptor		fabric		jira		orchid		seaborn		xd
behance		facebook		joomla		outlook		selenium		yaml
behat		fastai		jquery		p5js		sentry		yammer
bevy		fastapi		julia		pail		sequelize		yarn
bigquery		fediverse		jupyter		pandas		sharepoint		yew
bitbucket		ffmpeg		kafka		papertrail		shopify		yii
blazor		figma		kaggle		payload		signal		youtube
blender		filament		kakoune		pbi		skeletonui		zabbix
bokeh		firebase		kali		pennant		sketchup		zed
bootstrap		firefox		karma		perl		slack		zellij
brave		flameshot		kde		photoshopclassic		snowflake		zen
breeze		flask		keycloak		photoshopexpress		snyk		zig
bridge		fleet		keydb		photoshop		socialite		zudoku
flutter		kibana		php		solana		zustand
btlo		flyio		kitty		phpstan		solidity
bulma		fonts		kotlin		phpstorm		solidjs
bun		forgejo		ktor		picocss		sonarqube
cachyos		forge		kubernetes		pinecone		spark
caddy		forth		langchain		pinescript		spring
cairo		fortran		laravel		pinia		sqlalchemy
canva		frankenphp		laravelspark		pint		sqlite
capacitor		fresco		latex		pkl		sqlserver
capture		fresh		leaflet		plan9		stackoverflow
cashier		fuse		leetcode		planetscale		steam
cassandra		gamemakerstudio		less		platformio		stock
characteranimator		ganache		libsql		playwright		storyblok
chartjs		gatsby		lighthouse		plsql		storybook
chatgpt		gcp		lightning		pm2		strapi
chrome		gdevelop		lightroomclassic		pnpm		streamlit
chromium		gemini		lightroom		pocketbase		stripe
circleci		gentoo		linkedin		podman		styledcomponents
claude		gherkin		linux		popos		stylus
clion		gimp		lit		portfolio		sublime
clojure		git		litmus		postgresql		supabase
cloudflare		gitea		livewire		postman		surrealdb
cmake		githubactions		llamaindex		powerpoint		svelte
cockroachdb		github		logto		powershell		svg
codeberg		githubcopilot		looker		preact		svn
codeigniter		githubpages		lua		prelude		swagger
codepen		gitkraken		luau		premiererush		swift
coffeescript		gitlab		lucidchart		premiere		symfony
commercetools		gleam		lunacy		primevue		tableau
composer		gmail		lxc		prisma		tailwindcss
contentful		gnome		manjaro		processing		tallyprime
cpp		godot		mariadb		prometheus		tauri
creativecloud		goland		markdown		prompts		teams
crystal		golang		mastodon		proton		telegram
css		googleanalytics		materialui		proxmox		telescope
cs		googleappsscript		matlab		pug		tensorflow
c		gradle		matplotlib		pulse		terminal
cuda		grafana		maven		puppeteer		terraform
cypress		grails		mediaencoder		pycharm		testinglibrary
d3		graphql		mermaid		pygame		threejs
dailydev		grpc		metabase		python		thunderbird
daisyui		grunt		meteorjs		pytorch		thunkable
dart		gsap		microsoftcopilot		pyxel		tidb
databricks		gtk		millionjs		qdrant		tmux

---

💖 Support the Project

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