Home

📔 Skill Icons Wiki

✨ Make your GitHub README pop with dynamic icons.

Overview

This action allows you to add clean, responsive, and theme-aware tech stack icons to your GitHub profile README. The icons automatically adapt to the viewer's GitHub theme (light or dark mode), ensuring your profile always looks professional.

Usage

Installation

Copy and paste the following snippet into your .yml file.

- name: Skill Icons
  uses: emrocode/skill-icons@v1
  # Advanced configuration
  # You can customize the layout by adding specific options to the template configuration
  with:
    icon_size: # Default: 48
    per_row: # Default: 15
    out_path: # Default: assets/svgs
    tag: # Default: SKILL_ICONS
    filename: # Default: README.md
    commit_message: # Default: chore(si): update assets and docs

Permissions

permissions:
  contents: write

README

Copy and paste the markdown snippet below into your README.md file. Replace the technology names with your preferred stack.

Important

^{All technology names must match official simpleicons slugs}

### 🛠️ Tech Stack

<!-- SKILL_ICONS_START -->

css,javascript,typescript,react,nextdotjs,tailwindcss

<!-- SKILL_ICONS_END -->