https://github.com/syvixor/skills-icons
Showcase skills in projects or profiles effortlessly ✨
https://github.com/syvixor/skills-icons
github-profile github-readme icons readme-github readme-profile skill-icons skills
Last synced: 3 months ago
JSON representation
Showcase skills in projects or profiles effortlessly ✨
- Host: GitHub
- URL: https://github.com/syvixor/skills-icons
- Owner: syvixor
- License: mit
- Created: 2024-12-16T19:16:33.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-16T18:36:28.000Z (3 months ago)
- Last Synced: 2025-02-16T19:29:55.464Z (3 months ago)
- Topics: github-profile, github-readme, icons, readme-github, readme-profile, skill-icons, skills
- Language: TypeScript
- Homepage: https://skills-icons.vercel.app
- Size: 1.18 MB
- Stars: 42
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
## 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)
```md

```
### 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` || - | `medium` |
| -|
| `adonisjs` || `adonis` | `mermaid` |
| -|
| `aftereffects` || `ae` | `metasploit` |
| -|
| `airflow` || - | `microsoftcopilot` |
| -|
| `alacritty` || - | `milligram` |
| -|
| `algolia` || - | `mimir` |
| -|
| `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` || - | `podman` |
| -|
| `chromium` || - | `postcss` |
| -|
| `circleci` || - | `postgresql` |
| -|
| `claudeai` || - | `posthog` |
| -|
| `clerk` || - | `postman` |
| -|
| `clickhouse` || - | `powershell` |
| -|
| `clion` || - | `preact` |
| -|
| `cloudflare` || - | `premierepro` |
| -|
| `cloudinary` || - | `primevue` |
| -|
| `cmake` || - | `prisma` |
| -|
| `codecov` || - | `prismic` |
| -|
| `codepen` || - | `prometheus` |
| -|
| `coolify` || - | `proxmox` |
| -|
| `cpanel` || - | `psycopg` |
| -|
| `cpp` || - | `pug` |
| -|
| `csharp` || - | `pulumi` |
| -|
| `css` || - | `puppeteer` |
| -|
| `cypress` || - | `pwa` |
| -|
| `dailydev` || - | `pycharm` |
| -|
| `daisyui` || - | `pytest` |
| -|
| `dart` || - | `python` |
| -|
| `databricks` || - | `pytorch` |
| -|
| `datadog` || - | `qdrant` |
| -|
| `datagrip` || - | `qtwidgets` |
| -|
| `datalore` || - | `quasar` |
| -|
| `dbeaver` || - | `qwik` |
| -|
| `dbt` || - | `r` |
| -|
| `debian` || - | `rabbitmq` |
| -|
| `deno` || - | `radixui` |
| -|
| `devextreme` || - | `railway` |
| -|
| `devto` || - | `raspberrypi` |
| -|
| `digitalocean` || - | `raylib` |
| -|
| `directus` || - | `reactjs` |
| `react`|
| `discord` || - | `reactnative` |
| -|
| `discordjs` || - | `reactquery` |
| -|
| `django` || - | `reactrouter` |
| -|
| `djangorestframework` || `drf` | `reddit` |
| -|
| `docker` || - | `redis` |
| -|
| `docus` || - | `redux` |
| -|
| `docusaurus` || - | `regex` |
| -|
| `dotnet` || - | `rekaui` |
| -|
| `dreamweaver` || `dw` | `render` |
| -|
| `drizzle` || - | `replit` |
| -|
| `dropbox` || - | `resend` |
| -|
| `drupal` || - | `revolt` |
| -|
| `duckdb` || - | `rider` |
| -|
| `easybuild` || - | `rolldown` |
| -|
| `eclipseide` || - | `rollupjs` |
| -|
| `edge` || - | `ruby` |
| -|
| `elasticsearch` || `es` | `rubymine` |
| -|
| `electron` || - | `rust` |
| -|
| `elixir` || - | `rxjs` |
| -|
| `elysiajs` || `elysia` | `sanity` |
| -|
| `emberjs` || - | `sap` |
| -|
| `emelentplus` || - | `sass` |
| -|
| `erlang` || - | `scala` |
| -|
| `esbuild` || - | `scikitlearn` |
| `sclearn`|
| `eslint` || - | `semanticui` |
| -|
| `expo` || - | `sentry` |
| -|
| `expressjs` || `express` | `sequelize` |
| -|
| `facebook` || `fb` | `serverless` |
| -|
| `fastapi` || - | `servicenow` |
| -|
| `fastify` || - | `seyfert` |
| -|
| `figma` || - | `shadcnui` |
| -|
| `firebase` || - | `shopify` |
| -|
| `firefox` || - | `signal` |
| -|
| `flask` || - | `singularity` |
| -|
| `fleet` || - | `skeletonui` |
| -|
| `flowbite` || - | `slidev` |
| -|
| `flutter` || - | `slurm` |
| -|
| `flutterflow` || - | `snowflake` |
| -|
| `flyio` || - | `snyk` |
| -|
| `fortran` || - | `socketio` |
| -|
| `framer` || - | `solidity` |
| -|
| `fresh` || - | `solidjs` |
| `solid`|
| `gatsby` || - | `spark` |
| -|
| `gimp` || - | `sphinx` |
| -|
| `git` || - | `springboot` |
| `spring`|
| `gitbook` || - | `spyder` |
| -|
| `gitea` || - | `sqlalchemy` |
| -|
| `github` || `gh` | `sqlite` |
| -|
| `githubactions` || `ghactions` | `sqlserver` |
| -|
| `gitkraken` || - | `stackblitz` |
| -|
| `gitlab` || - | `stackoverflow` |
| `so`|
| `gitmind` || - | `starlight` |
| -|
| `gleam` || - | `stata` |
| -|
| `gmail` || - | `steam` |
| -|
| `godot` || - | `storyblok` |
| -|
| `goland` || - | `storybook` |
| -|
| `golang` || `go` | `strapi` |
| -|
| `googlecloud` || `gcloud, gcp` | `streamlit` |
| -|
| `googledrive` || `drive` | `stripe` |
| -|
| `googlegemini` || `gemini` | `sublime` |
| -|
| `googleidx` || `idx` | `supabase` |
| -|
| `gradle` || - | `surrealdb` |
| -|
| `grafana` || - | `svelte` |
| -|
| `graphql` || - | `svg` |
| -|
| `gridsome` || - | `swagger` |
| -|
| `gsap` || - | `swc` |
| -|
| `hashnode` || - | `swift` |
| -|
| `haxe` || - | `swiftui` |
| -|
| `headlessui` || - | `swiper` |
| -|
| `heroku` || - | `t0ggles` |
| -|
| `hexo` || - | `tabby` |
| -|
| `hibernate` || - | `tailwindcss` |
| `tailwind`|
| `homebrew` || - | `tauri` |
| -|
| `hono` || - | `telegram` |
| -|
| `hostgator` || - | `tempo` |
| -|
| `html` || - | `tensorflow` |
| -|
| `hub` || - | `terraform` |
| -|
| `huggingface` || - | `threads` |
| -|
| `hugo` || - | `threejs` |
| -|
| `iceberg` || - | `thunderbird` |
| -|
| `illustrator` || - | `tinacms` |
| -|
| `indesign` || - | `trpc` |
| -|
| `inertiajs` || - | `truenascore` |
| `truenas`|
| `insomnia` || - | `truenasenterprise` |
| -|
| `instagram` || `ig` | `truenasscale` |
| -|
| `intellijidea` || `intellij` | `turso` |
| -|
| `ionic` || - | `twilio` |
| -|
| `jamstack` || - | `twitter` |
| -|
| `jasmine` || - | `typeorm` |
| -|
| `java` || - | `typescript` |
| `ts`|
| `javascript` || `js` | `ubuntu` |
| -|
| `jenkins` || - | `udemy` |
| -|
| `jest` || - | `umbraco` |
| -|
| `jetpackcompose` || - | `unity` |
| -|
| `joomla` || - | `unocss` |
| -|
| `jotai` || - | `unrealengine` |
| -|
| `jquery` || - | `upstash` |
| -|
| `json` || - | `vala` |
| -|
| `julia` || - | `vegaspro` |
| -|
| `jupyter` || - | `vercel` |
| -|
| `jwt` || - | `vike` |
| -|
| `kafka` || - | `vim` |
| -|
| `kaggle` || - | `virtualbox` |
| -|
| `kalilinux` || `kali` | `visualstudio` |
| -|
| `keras` || - | `visualstudiocode` |
| `vscode`|
| `kotlin` || - | `vite` |
| -|
| `kubernetes` || - | `vitepress` |
| -|
| `langchain` || - | `vitest` |
| -|
| `laravel` || - | `vivaldi` |
| -|
| `latex` || - | `vk` |
| -|
| `leetcode` || - | `vmix` |
| -|
| `lemonsqueezy` || - | `vmware` |
| -|
| `less` || - | `vuefire` |
| -|
| `lightroom` || - | `vuejs` |
| `vue`|
| `linkedin` || - | `vuetify` |
| -|
| `linux` || - | `vueuse` |
| -|
| `linuxmint` || - | `websocket` |
| `ws`|
| `lmstudio` || - | `webstorm` |
| -|
| `logto` || - | `whatsapp` |
| -|
| `loki` || - | `windicss` |
| -|
| `lottiefiles` || `lottie` | `windows` |
| -|
| `lua` || - | `winui` |
| -|
| `lucia` || - | `wordpress` |
| `wp`|
| `lucide` || - | `x` |
| -|
| `macos` || - | `xampp` |
| -|
| `mambaui` || - | `xcode` |
| -|
| `manifoldjs` || `manifold` | `xd` |
| -|
| `manjaro` || - | `yaml` |
| -|
| `mapbox` || - | `yarn` |
| -|
| `mariadb` || - | `zeabur` |
| -|
| `markdown` || `md` | `zed` |
| -|
| `mastodon` || - | `zig` |
| -|
| `materialui` || `mui` | `zod` |
| -|
| `matlab` || - | `zorinos` |
| -|
| `maven` || - | `zustand` |
| -|
### Contributing 🎖️
We welcome contributions from anyone! If you'd like to help, please follow the detailed guidelines in our [CONTRIBUTING.md](.github/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
```bash
# 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](.github/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:
```bash
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:
```bash
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](LICENSE)