Skip to content

syvixor/skills-icons

Repository files navigation

Skills Icons 💡

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=ts,node,expressjs,vue,nuxt,mongodb,prisma)

Skills

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