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)

Main URLs 🔗

![Skills](https://skills.syvixor.com/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
radius Set icons corner radius (value between 0 & 100) No 25

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
8th - magicui -
activitypub - mambaui -
actix - manifoldjs manifold
adobeaftereffects aftereffects, ae manjaro -
adobeaudition audition mapbox -
adobedreamweaver dreamweaver mariadb -
adobeillustrator illustrator markdown md
adobeindesign indesign mastodon -
adobelightroom lightroom materialui mui
adobephotoshop photoshop, ps matlab -
adobepremierepro premierepro maven -
adobexd xd medium -
adonisjs adonis medusa -
airflow - mermaid -
aiscript - metasploit -
alacritty - microsoftcopilot -
algolia - milligram -
alpinejs - mimir -
alpinelinux - minio -
amazonwebservices aws mongodb mongo
anaconda - motherduck -
androidstudio - motion -
angularjs angular msdos -
ansible - mysql -
apache - n8n -
apidog - navicat -
apifox - neo4j -
apollo - neon -
appian - neovim -
appium - nestjs -
apple - netbeans -
appwrite - netlify -
arcbrowser arc newrelic -
archlinux arch nextdns -
archunit - nextjs -
arduino - nginx -
argocd - ngrok -
arturo - nim -
aseprite - nitro -
astro - nixos -
atom - nodejs node
auth0 - nodered -
authy - notepadplusplus notepadpp
autocad - notion -
avaloniaui - npm -
axios - nuget -
azul - nunjucks -
azure - nuxtjs nuxt
babel - obs -
babylonjs - obsidian -
backbonejs - obtainium -
balenaetcher - ocaml -
ballerina - ollama -
baseui - onyx -
bash - openlayers -
beagleboard - openondemand ood
beeflang beef opentelemetry otel
bento - openvpn -
betterauth - openweather -
bevy - openwebui -
bing - opera -
biome - oracle -
bitbucket - overleaf -
blender - p4 -
bluesky - pandacss -
bolt - pandas -
bootstrap - parcel -
box2d - passportjs -
brave - payload -
bugsnag - penpot -
builder - perplexity -
bullmq - phoenix -
bulma - php -
bun - phpstorm -
c - pinia -
cairo - pinterest -
cakebuild - pkgroll -
cakephp - plausible -
camtasia - playwright -
camunda - pnpm -
canva - pocketbase pb
capacitorjs capacitor podman -
capcut - postcss -
cassandra - postgresql -
chakraui - posthog -
chartjs - postman -
chatgpt - powershell -
chrome - preact -
chromium - prettier -
circleci - primevue -
claudeai - prisma -
clerk - prismic -
clickhouse - procure -
clion - prometheus -
clojure - protoncalendar -
cloudflare - protondrive -
cloudinary - protonmail -
cmake - protonpass -
codeberg - protonvpn -
codecov - protonwallet -
codeigniter - proxmox -
codepen - psycopg -
coffeescript - pug -
commitlint - pulumi -
confluence - puppeteer -
cookiecutter - pwa -
coolify - pycharm -
cpanel - pygame -
cpp - pypi -
crystal - pyramid -
csharp - pytest -
css - python -
cucumber - pytorch -
curseforge - pytorch3d -
cypress - qdrant -
d3js d3 qtwidgets -
dailydev - quasar -
daisyui - qubesos -
dart - qwik -
databricks - r -
datadog - rabbitmq -
datagrip - radixui -
datalore - railway -
datefns - raspberrypi -
dbeaver - raylib -
dbt - reactdatepicker -
debian - reacthookform -
deepseek - reactjs react
deno - reactnative -
designali - reactquery -
devextreme - reactrouter -
devto - readthedocs -
digitalocean - reddit -
directus - redis -
discord - redux -
discordbots - refine -
discordjs - regex -
disqus - reglejs regle
django - rekaui -
djangorestframework drf render -
dlang - replit -
dndkit - resend -
docker - revolt -
docus - rider -
docusaurus - rolldown -
dotnet - rollupjs -
drizzle - ruby -
dropbox - rubymine -
drupal - rust -
duckdb - rxjs -
easybuild - sanity -
eclipseide - sap -
edge - sass -
elasticsearch es scala -
electron - scikitlearn sclearn
element - semanticui -
elementplus - sentry -
elixir - sequelize -
elysiajs elysia serverless -
emberjs - servicenow -
erlang - session -
esbuild - seyfert -
eslint - shadcnui -
etcd - shiki -
expo - shopify -
expressjs express signal -
facebook fb simpledirectmedialayer sdl
fastapi - singlespa -
fastify - singularity -
fdroid - skeletonui -
featuresliceddesign fsd sketch -
fedora - slidev -
fiber - slurm -
figma - snipcart -
filezilla - snowflake -
filmora - snyk -
firebase - socketio -
firefox - solidity -
fivetran - solidjs solid
flask - solr -
fleet - soundbridge -
flowbite - spark -
flutter - sphinx -
flutterflow - springboot spring
flyio - spyder -
forem - sqlalchemy -
fortran - sqlite -
framer - sqlserver -
freebsd - sst -
freecad - stackblitz -
fresh - stackoverflow so
fsharp - stanjs -
gatsby - starlight -
ghostty - stata -
gimp - steam -
gin - stimulus -
git - storyblok -
gitbook - storybook -
gitea - strapi -
github gh streamlit -
githubactions ghactions stride -
githubcopilot ghcopilot stripe -
githubpages ghpages sublime -
gitkraken - suitecrm -
gitlab - supabase -
gitlocalize - surrealdb -
gitmind - svelte -
gitpod - svg -
gleam - swagger -
gmail - swc -
gnu - swift -
godot - swiftui -
goland - swiper -
golang go swr -
googleadsense gadsense t0ggles -
googlecloud gcloud, gcp tabby -
googlecolaboratory - tailwindcss tailwind
googledrive drive tanstack -
googlegemini gemini tauri -
googleidx idx telegram -
gorm - tempo -
gradle - tensorflow -
grafana - terraform -
graphql - testcontainers -
gridsome - threads -
grok - threejs -
groq - thunderbird -
grpc - tinacms -
gruntjs grunt tinyhttp -
gsap - trae -
hackthebox htb traefik -
hacs - trpc -
handycontrols - truenascore truenas
hashnode - truenasenterprise -
haskell - truenasscale -
haxe - turso -
headlessui - twilio -
heroku - twine -
heroui - twitter -
hexo - typeorm -
hibernate - typescript ts
homeassistant - ubuntu -
homebrew - udemy -
hono - umami -
hostgator - umbraco -
html - unity -
httpie - unocss -
hub - unrealengine -
huggingface - upstash -
hugo - vagrant -
hyper - vala -
iceberg - valibot -
ifttt - vanillaos -
inertiajs - vaxee -
inkscape - vegaspro -
insomnia - vercel -
instagram ig vhdl -
intellijidea intellij videojs -
ionic - vike -
jamstack - vim -
jasmine - virtualbox -
java - visualstudio -
javascript js visualstudiocode vscode
jenkins - vite -
jest - vitepress -
jetpackcompose - vitepwa -
jira - vitest -
jitsi - vivaldi -
joomla - vk -
jotai - vlitejs -
jquery - vmix -
json - vmware -
julia - vuefire -
junit4 - vueform -
junit5 - vuejs vue
jupyter - vuepress -
jwt - vuetify -
k3s - vueuse -
kafka - weaviate -
kaggle - weblate -
kalilinux kali websocket ws
keras - webstorm -
keycloak - webstudio -
kotlin - whatsapp -
ktor - windicss -
kubernetes - windows -
langchain - windowsappsdk wasdk
laravel - winui -
latex - wordpress wp
leaflet - x -
leetcode - xamarin -
lemonsqueezy - xaml -
less - xampp -
librepcb - xcode -
linkedin - yaak -
linux - yaml -
linuxmint - yandexen -
litestar - yandexru -
lmstudio - yarn -
logto - yolo -
lokalise - youtube yt
loki - zeabur -
lottiefiles lottie zed -
lua - zen -
lucia - zig -
lucide - zod -
lynxjs - zorinos -
macos - 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.

Icon Removal Requests 🚫

We strive to respect all branding guidelines and intellectual property. If you represent a company whose icon is included in this project and you would like it removed, or if you believe we have used an icon in a way that violates your branding guidelines, please open an issue on this repository detailing your request. We will review your request promptly and take appropriate action. We appreciate your understanding and cooperation.

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

About

Showcase skills in projects or profiles effortlessly ✨

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Contributors 7