Skills Icons 💡

Showcase skills in projects or profiles effortlessly ✨

Quick Start 🚀

Showcase your skills by using the URL below and adding the tech stack icons you want (separated by commas)

![Skills](https://skills-icons.vercel.app/api/icons?i=js,ts,node,expressjs,mongodb,prisma)

Configuration Options 🛠️

Parameter	Description	Required	Default
i	Comma-separated list of icon names	Yes	/
perline	Number of icons per line	No	15

Available Icons 🎨

Below is a complete list of available icons and their IDs. You can use either the full ID or its alias (if available) in the i parameter.

ID	Icon	Alias	ID	Icon	Alias
adonisjs		adonis	mastodon		-
aftereffects		ae	materialui		-
airflow		-	matlab		-
alacritty		-	maven		-
algolia		-	medium		-
amazonwebservices		aws	mermaid		-
anaconda		-	metasploit		-
androidstudio		-	milligram		-
angularjs		angular	mongodb		mongo
ansible		-	mysql		-
apache		-	navicat		-
apidog		-	neo4j		-
apollo		-	neon		-
appium		-	neovim		-
apple		-	nestjs		-
appwrite		-	netbeans		-
arcbrowser		arc	netlify		-
archlinux		arch	nextjs		-
arduino		-	nextui		-
argocd		-	nginx		-
aseprite		-	ngrok		-
astro		-	nitro		-
atom		-	nixos		-
auth0		-	nodejs		node
authy		-	notion		-
avaloniaui		-	npm		-
azure		-	nuxtjs		nuxt
babel		-	obs		-
bash		-	obsidian		-
bento		-	ocaml		-
bing		-	ollama		-
biome		-	openlayers		-
blender		-	opentelemetry		otel
bluesky		-	opera		-
bolt		-	pandacss		-
bootstrap		-	pandas		-
box2d		-	passportjs		passport
brave		-	payload		-
bugsnag		-	perplexity		-
builder		-	phoenix		-
bulma		-	photoshop		ps
bun		-	php		-
c		-	phpstorm		-
canva		-	pinia		-
capacitorjs		capacitor	pinterest		-
chakraui		-	pkgroll		-
chartjs		-	plausible		-
chatgpt		-	playwright		-
chrome		-	pnpm		-
chromium		-	pocketbase		pb
circleci		-	postcss		-
claudeai		-	postgresql		-
clerk		-	posthog		-
clion		-	postman		-
cloudflare		-	powershell		-
cmake		-	preact		-
codepen		-	premierepro		-
coolify		-	primevue		-
cpanel		-	prisma		-
cpp		-	prismic		-
csharp		-	prometheus		-
css		-	proxmox		-
cypress		-	psycopg		-
dailydev		-	pug		-
daisyui		-	pulumi		-
dart		-	puppeteer		-
databricks		-	pwa		-
datadog		-	pycharm		-
datagrip		-	pytest		-
datalore		-	python		-
dbeaver		-	pytorch		-
dbt		-	qdrant		-
debian		-	quasar		-
deno		-	qwik		-
devextreme		-	r		-
devto		-	rabbitmq		-
digitalocean		-	radixui		-
directus		-	railway		-
discord		-	raspberrypi		-
discordjs		-	raylib		-
django		-	reactjs		react
djangorestframework		drf	reactnative		-
docker		-	reactquery		-
docusaurus		-	reactrouter		-
dotnet		-	reddit		-
dreamweaver		dw	redis		-
drizzle		-	redux		-
dropbox		-	rekaui		-
drupal		-	render		-
duckdb		-	replit		-
eclipseide		-	resend		-
edge		-	rolldown		-
elasticsearch		es	rollupjs		-
electron		-	ruby		-
elixir		-	rubymine		-
elysiajs		elysia	rust		-
emberjs		-	rxjs		-
emelentplus		-	sanity		-
erlang		-	sap		-
esbuild		-	sass		-
eslint		-	scala		-
expo		-	scikitlearn		sclearn
expressjs		express	semanticui		-
facebook		fb	sentry		-
fastapi		-	sequelize		-
fastify		-	serverless		-
figma		-	seyfert		-
firebase		-	shadcnui		-
firefox		-	shopify		-
flask		-	signal		-
fleet		-	skeletonui		-
flowbite		-	slidev		-
flutter		-	snowflake		-
flutterflow		-	socketio		-
flyio		-	solidity		-
fortran		-	solidjs		solid
framer		-	spark		-
fresh		-	springboot		spring
gatsby		-	spyder		-
gimp		-	sqlalchemy		-
git		-	sqlite		-
github		gh	sqlserver		-
githubactions		ghactions	stata		-
gitkraken		-	storyblok		-
gitlab		-	storybook		-
gitmind		-	strapi		-
gleam		-	streamlit		-
gmail		-	stripe		-
godot		-	sublime		-
goland		-	supabase		-
golang		go	surrealdb		-
googlecloud		gcloud	svelte		-
googledrive		drive	swagger		-
googleidx		idx	swc		-
gradle		-	swift		-
grafana		-	swiftui		-
graphql		-	swiper		-
gridsome		-	t0ggles		-
gsap		-	tabby		-
hashnode		-	tailwindcss		tailwind
haxe		-	tauri		-
headlessui		-	telegram		-
heroku		-	tensorflow		-
hexo		-	terraform		-
hibernate		-	threads		-
hono		-	threejs		-
hostgator		-	tinacms		-
html		-	trpc		-
hub		-	turso		-
huggingface		-	twilio		-
hugo		-	twitter		-
iceberg		-	typeorm		-
illustrator		-	typescript		ts
indesign		-	ubuntu		-
insomnia		-	udemy		-
instagram		ig	umbraco		-
intellijidea		intellij	unity		-
ionic		-	unocss		-
jamstack		-	unrealengine		-
jasmine		-	upstash		-
java		-	vala		-
javascript		js	vegaspro		-
jenkins		-	vercel		-
jest		-	vike		-
jetpackcompose		-	vim		-
joomla		-	virtualbox		-
jquery		-	visualstudio		-
json		-	visualstudiocode		vscode
julia		-	vite		-
jupyter		-	vitepress		-
jwt		-	vitest		-
kafka		-	vivaldi		-
kaggle		-	vk		-
kalilinux		kali	vmix		-
kotlin		-	vmware		-
kubernetes		-	vuefire		-
langchain		-	vuejs		vue
laravel		-	vuetify		-
latex		-	vueuse		-
leetcode		-	webstorm		-
lemonsqueezy		-	whatsapp		-
less		-	windicss		-
lightroom		-	windows		-
linkedin		-	winui		-
linux		-	wordpress		wp
linuxmint		-	x		-
logto		-	xampp		-
lottiefiles		lottie	xcode		-
lua		-	xd		-
lucia		-	yaml		-
lucide		-	yarn		-
macos		-	zeabur		-
mambaui		-	zed		-
manifoldjs		manifold	zig		-
manjaro		-	zod		-
mapbox		-	zorinos		-
mariadb		-	zustand		-
markdown		md

Contributing 🎖️

We welcome contributions from anyone! If you'd like to help, please follow the detailed guidelines in our CONTRIBUTING.md file.

Ways to Contribute

• Add New Icons: Submit PRs to expand our icon collection.
• Bug Fixes: Help us identify and fix issues.
• Documentation: Help improve documentation.

Development Setup

# Clone the repository
git clone https://github.com/ixrzr/skills-icons.git

# Install dependencies
pnpm install # or npm install

# Run development server
pnpm dev # or npm run dev

For more instructions on how to get started, check out the guidelines in the CONTRIBUTING.md.

Docker Usage 🐳

Prerequisites

Before you begin, ensure you have the following installed:

• Docker (version 18.09 or higher)

Building the Docker Image

To build the Docker image for Skills Icons, follow these steps:

1. Open a terminal and navigate to the directory.
2. Run the following command to build the image:

docker build -t skills-icons .
# or
sudo docker build -t skills-icons .

Running the Docker Container

Once the image is built, you can run it in a container:

1. Execute the following command:

docker run -p 3000:3000 skills-icons
# or
sudo docker run -p 3000:3000 skills-icons

This command maps port 3000 of your host machine to port 3000 of the container, allowing you to access Skills Icons at http://localhost:3000.

Support 💝

If you find this project helpful, consider:

• Starring the repository
• Sharing it with others
• Contributing to its development

License 📝

This project is licensed under MIT License