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

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/syvixor/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 🐳

This section provides instructions on building and running the Skills Icons project using Docker. Follow the steps below to containerize and manage the application efficiently.

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