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	Alias	ID	Alias
`actix`	-	`maven`	-
`adonisjs`	`adonis`	`medium`	-
`aftereffects`	`ae`	`mermaid`	-
`airflow`	-	`metasploit`	-
`alacritty`	-	`microsoftcopilot`	-
`algolia`	-	`milligram`	-
`amazonwebservices`	`aws`	`mongodb`	`mongo`
`anaconda`	-	`mysql`	-
`androidstudio`	-	`navicat`	-
`angularjs`	`angular`	`neo4j`	-
`ansible`	-	`neon`	-
`apache`	-	`neovim`	-
`apidog`	-	`nestjs`	-
`apollo`	-	`netbeans`	-
`appium`	-	`netlify`	-
`apple`	-	`newrelic`	-
`appwrite`	-	`nextjs`	-
`arcbrowser`	`arc`	`nextui`	-
`archlinux`	`arch`	`nginx`	-
`arduino`	-	`ngrok`	-
`argocd`	-	`nitro`	-
`aseprite`	-	`nixos`	-
`astro`	-	`nodejs`	`node`
`atom`	-	`notepadplusplus`	`notepadpp`
`auth0`	-	`notion`	-
`authy`	-	`npm`	-
`autocad`	-	`nunjucks`	-
`avaloniaui`	-	`nuxtjs`	`nuxt`
`axios`	-	`obs`	-
`azure`	-	`obsidian`	-
`babel`	-	`ocaml`	-
`bash`	-	`ollama`	-
`bento`	-	`openlayers`	-
`bing`	-	`openondemand`	`ood`
`biome`	-	`opentelemetry`	`otel`
`blender`	-	`openwebui`	-
`bluesky`	-	`opera`	-
`bolt`	-	`pandacss`	-
`bootstrap`	-	`pandas`	-
`box2d`	-	`passportjs`	-
`brave`	-	`payload`	-
`bugsnag`	-	`perplexity`	-
`builder`	-	`phoenix`	-
`bulma`	-	`photoshop`	`ps`
`bun`	-	`php`	-
`c`	-	`phpstorm`	-
`camunda`	-	`pinia`	-
`canva`	-	`pinterest`	-
`capacitorjs`	`capacitor`	`pkgroll`	-
`capcut`	-	`plausible`	-
`chakraui`	-	`playwright`	-
`chartjs`	-	`pnpm`	-
`chatgpt`	-	`pocketbase`	`pb`
`chrome`	-	`postcss`	-
`chromium`	-	`postgresql`	-
`circleci`	-	`posthog`	-
`claudeai`	-	`postman`	-
`clerk`	-	`powershell`	-
`clickhouse`	-	`preact`	-
`clion`	-	`premierepro`	-
`cloudflare`	-	`primevue`	-
`cloudinary`	-	`prisma`	-
`cmake`	-	`prismic`	-
`codecov`	-	`prometheus`	-
`codepen`	-	`proxmox`	-
`coolify`	-	`psycopg`	-
`cpanel`	-	`pug`	-
`cpp`	-	`pulumi`	-
`csharp`	-	`puppeteer`	-
`css`	-	`pwa`	-
`cypress`	-	`pycharm`	-
`dailydev`	-	`pytest`	-
`daisyui`	-	`python`	-
`dart`	-	`pytorch`	-
`databricks`	-	`qdrant`	-
`datadog`	-	`quasar`	-
`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`
`gitkraken`	-	`starlight`	-
`gitlab`	-	`stata`	-
`gitmind`	-	`steam`	-
`gleam`	-	`storyblok`	-
`gmail`	-	`storybook`	-
`godot`	-	`strapi`	-
`goland`	-	`streamlit`	-
`golang`	`go`	`stripe`	-
`googlecloud`	`gcloud, gcp`	`sublime`	-
`googledrive`	`drive`	`supabase`	-
`googlegemini`	`gemini`	`surrealdb`	-
`googleidx`	`idx`	`svelte`	-
`gradle`	-	`svg`	-
`grafana`	-	`swagger`	-
`graphql`	-	`swc`	-
`gridsome`	-	`swift`	-
`gsap`	-	`swiftui`	-
`hashnode`	-	`swiper`	-
`haxe`	-	`t0ggles`	-
`headlessui`	-	`tabby`	-
`heroku`	-	`tailwindcss`	`tailwind`
`hexo`	-	`tauri`	-
`hibernate`	-	`telegram`	-
`homebrew`	-	`tensorflow`	-
`hono`	-	`terraform`	-
`hostgator`	-	`threads`	-
`html`	-	`threejs`	-
`hub`	-	`thunderbird`	-
`huggingface`	-	`tinacms`	-
`hugo`	-	`trpc`	-
`iceberg`	-	`truenascore`	`truenas`
`illustrator`	-	`truenasenterprise`	-
`indesign`	-	`truenasscale`	-
`inertiajs`	-	`turso`	-
`insomnia`	-	`twilio`	-
`instagram`	`ig`	`twitter`	-
`intellijidea`	`intellij`	`typeorm`	-
`ionic`	-	`typescript`	`ts`
`jamstack`	-	`ubuntu`	-
`jasmine`	-	`udemy`	-
`java`	-	`umbraco`	-
`javascript`	`js`	`unity`	-
`jenkins`	-	`unocss`	-
`jest`	-	`unrealengine`	-
`jetpackcompose`	-	`upstash`	-
`joomla`	-	`vala`	-
`jquery`	-	`vegaspro`	-
`json`	-	`vercel`	-
`julia`	-	`vike`	-
`jupyter`	-	`vim`	-
`jwt`	-	`virtualbox`	-
`kafka`	-	`visualstudio`	-
`kaggle`	-	`visualstudiocode`	`vscode`
`kalilinux`	`kali`	`vite`	-
`keras`	-	`vitepress`	-
`kotlin`	-	`vitest`	-
`kubernetes`	-	`vivaldi`	-
`langchain`	-	`vk`	-
`laravel`	-	`vmix`	-
`latex`	-	`vmware`	-
`leetcode`	-	`vuefire`	-
`lemonsqueezy`	-	`vuejs`	`vue`
`less`	-	`vuetify`	-
`lightroom`	-	`vueuse`	-
`linkedin`	-	`webstorm`	-
`linux`	-	`whatsapp`	-
`linuxmint`	-	`windicss`	-
`lmstudio`	-	`windows`	-
`logto`	-	`winui`	-
`lottiefiles`	`lottie`	`wordpress`	`wp`
`lua`	-	`x`	-
`lucia`	-	`xampp`	-
`lucide`	-	`xcode`	-
`macos`	-	`xd`	-
`mambaui`	-	`yaml`	-
`manifoldjs`	`manifold`	`yarn`	-
`manjaro`	-	`zeabur`	-
`mapbox`	-	`zed`	-
`mariadb`	-	`zig`	-
`markdown`	`md`	`zod`	-
`mastodon`	-	`zorinos`	-
`materialui`	`mui`	`zustand`	-
`matlab`	-

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/sckrp/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:

Open a terminal and navigate to the directory.
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:

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

README.md

README.md

Skills Icons 💡

Quick Start 🚀

Configuration Options 🛠️

Available Icons 🎨

Contributing 🎖️

Ways to Contribute

Development Setup

Docker Usage 🐳

Prerequisites

Building the Docker Image

Running the Docker Container

Support 💝

License 📝

Files

README.md

Latest commit

History

README.md

File metadata and controls

Skills Icons 💡

Quick Start 🚀

Configuration Options 🛠️

Available Icons 🎨

Contributing 🎖️

Ways to Contribute

Development Setup

Docker Usage 🐳

Prerequisites

Building the Docker Image

Running the Docker Container

Support 💝

License 📝