Skip to content

Skill Icons

Actions

About

Generate dynamic, theme-aware tech stack icons for your GitHub profile README
v1.0.8
Latest
Star (2)

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

Skill Icons is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.

About

Generate dynamic, theme-aware tech stack icons for your GitHub profile README
v1.0.8
Latest

Skill Icons is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.