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`	-	`mastodon`	-
`adonisjs`	`adonis`	`materialui`	`mui`
`aftereffects`	`ae`	`matlab`	-
`airflow`	-	`maven`	-
`alacritty`	-	`medium`	-
`algolia`	-	`mermaid`	-
`amazonwebservices`	`aws`	`metasploit`	-
`anaconda`	-	`milligram`	-
`androidstudio`	-	`mongodb`	`mongo`
`angularjs`	`angular`	`mysql`	-
`ansible`	-	`navicat`	-
`apache`	-	`neo4j`	-
`apidog`	-	`neon`	-
`apollo`	-	`neovim`	-
`appium`	-	`nestjs`	-
`apple`	-	`netbeans`	-
`appwrite`	-	`netlify`	-
`arcbrowser`	`arc`	`newrelic`	-
`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`	-
`clickhouse`	-	`postman`	-
`clion`	-	`powershell`	-
`cloudflare`	-	`preact`	-
`cmake`	-	`premierepro`	-
`codepen`	-	`primevue`	-
`coolify`	-	`prisma`	-
`cpanel`	-	`prismic`	-
`cpp`	-	`prometheus`	-
`csharp`	-	`proxmox`	-
`css`	-	`psycopg`	-
`cypress`	-	`pug`	-
`dailydev`	-	`pulumi`	-
`daisyui`	-	`puppeteer`	-
`dart`	-	`pwa`	-
`databricks`	-	`pycharm`	-
`datadog`	-	`pytest`	-
`datagrip`	-	`python`	-
`datalore`	-	`pytorch`	-
`dbeaver`	-	`qdrant`	-
`dbt`	-	`quasar`	-
`debian`	-	`qwik`	-
`deno`	-	`r`	-
`devextreme`	-	`rabbitmq`	-
`devto`	-	`radixui`	-
`digitalocean`	-	`railway`	-
`directus`	-	`raspberrypi`	-
`discord`	-	`raylib`	-
`discordjs`	-	`reactjs`	`react`
`django`	-	`reactnative`	-
`djangorestframework`	`drf`	`reactquery`	-
`docker`	-	`reactrouter`	-
`docusaurus`	-	`reddit`	-
`dotnet`	-	`redis`	-
`dreamweaver`	`dw`	`redux`	-
`drizzle`	-	`rekaui`	-
`dropbox`	-	`render`	-
`drupal`	-	`replit`	-
`duckdb`	-	`resend`	-
`eclipseide`	-	`rolldown`	-
`edge`	-	`rollupjs`	-
`elasticsearch`	`es`	`ruby`	-
`electron`	-	`rubymine`	-
`elixir`	-	`rust`	-
`elysiajs`	`elysia`	`rxjs`	-
`emberjs`	-	`sanity`	-
`emelentplus`	-	`sap`	-
`erlang`	-	`sass`	-
`esbuild`	-	`scala`	-
`eslint`	-	`scikitlearn`	`sclearn`
`expo`	-	`semanticui`	-
`expressjs`	`express`	`sentry`	-
`facebook`	`fb`	`sequelize`	-
`fastapi`	-	`serverless`	-
`fastify`	-	`seyfert`	-
`figma`	-	`shadcnui`	-
`firebase`	-	`shopify`	-
`firefox`	-	`signal`	-
`flask`	-	`skeletonui`	-
`fleet`	-	`slidev`	-
`flowbite`	-	`snowflake`	-
`flutter`	-	`snyk`	-
`flutterflow`	-	`socketio`	-
`flyio`	-	`solidity`	-
`fortran`	-	`solidjs`	`solid`
`framer`	-	`spark`	-
`fresh`	-	`springboot`	`spring`
`gatsby`	-	`spyder`	-
`gimp`	-	`sqlalchemy`	-
`git`	-	`sqlite`	-
`github`	`gh`	`sqlserver`	-
`githubactions`	`ghactions`	`stackoverflow`	`so`
`gitkraken`	-	`stata`	-
`gitlab`	-	`storyblok`	-
`gitmind`	-	`storybook`	-
`gleam`	-	`strapi`	-
`gmail`	-	`streamlit`	-
`godot`	-	`stripe`	-
`goland`	-	`sublime`	-
`golang`	`go`	`supabase`	-
`googlecloud`	`gcloud`	`surrealdb`	-
`googledrive`	`drive`	`svelte`	-
`googleidx`	`idx`	`swagger`	-
`gradle`	-	`swc`	-
`grafana`	-	`swift`	-
`graphql`	-	`swiftui`	-
`gridsome`	-	`swiper`	-
`gsap`	-	`t0ggles`	-
`hashnode`	-	`tabby`	-
`haxe`	-	`tailwindcss`	`tailwind`
`headlessui`	-	`tauri`	-
`heroku`	-	`telegram`	-
`hexo`	-	`tensorflow`	-
`hibernate`	-	`terraform`	-
`hono`	-	`threads`	-
`hostgator`	-	`threejs`	-
`html`	-	`tinacms`	-
`hub`	-	`trpc`	-
`huggingface`	-	`turso`	-
`hugo`	-	`twilio`	-
`iceberg`	-	`twitter`	-
`illustrator`	-	`typeorm`	-
`indesign`	-	`typescript`	`ts`
`insomnia`	-	`ubuntu`	-
`instagram`	`ig`	`udemy`	-
`intellijidea`	`intellij`	`umbraco`	-
`ionic`	-	`unity`	-
`jamstack`	-	`unocss`	-
`jasmine`	-	`unrealengine`	-
`java`	-	`upstash`	-
`javascript`	`js`	`vala`	-
`jenkins`	-	`vegaspro`	-
`jest`	-	`vercel`	-
`jetpackcompose`	-	`vike`	-
`joomla`	-	`vim`	-
`jquery`	-	`virtualbox`	-
`json`	-	`visualstudio`	-
`julia`	-	`visualstudiocode`	`vscode`
`jupyter`	-	`vite`	-
`jwt`	-	`vitepress`	-
`kafka`	-	`vitest`	-
`kaggle`	-	`vivaldi`	-
`kalilinux`	`kali`	`vk`	-
`kotlin`	-	`vmix`	-
`kubernetes`	-	`vmware`	-
`langchain`	-	`vuefire`	-
`laravel`	-	`vuejs`	`vue`
`latex`	-	`vuetify`	-
`leetcode`	-	`vueuse`	-
`lemonsqueezy`	-	`webstorm`	-
`less`	-	`whatsapp`	-
`lightroom`	-	`windicss`	-
`linkedin`	-	`windows`	-
`linux`	-	`winui`	-
`linuxmint`	-	`wordpress`	`wp`
`logto`	-	`x`	-
`lottiefiles`	`lottie`	`xampp`	-
`lua`	-	`xcode`	-
`lucia`	-	`xd`	-
`lucide`	-	`yaml`	-
`macos`	-	`yarn`	-
`mambaui`	-	`zeabur`	-
`manifoldjs`	`manifold`	`zed`	-
`manjaro`	-	`zig`	-
`mapbox`	-	`zod`	-
`mariadb`	-	`zorinos`	-
`markdown`	`md`	`zustand`	-

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:

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 📝