Skill 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.

Icons

^{All of simpleicons catalog in your hands}

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 -->