Skill Icon Showcase

Showcase your programming skills on your GitHub or résumé with ease! Powered by Cloudflare Workers ⚡

Example

[![Python](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Python-Dark.svg)](https://www.python.org)
[![R](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/R-Dark.svg)](https://www.r-project.org)
[![C](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/C.svg)](https://www.iso.org/standard/74528.html)
[![C++](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/CPP.svg)](https://isocpp.org)
[![Java](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg)](https://www.oracle.com/java)
[![JavaScript](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/JavaScript.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![Regex](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Regex-Dark.svg)](https://www.regular-expressions.info)

After resizing in html

<a href="https://www.python.org">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Python-Dark.svg" alt="Python" width="50" height="50">
</a>

<a href="https://www.r-project.org">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/R-Dark.svg" alt="R" width="50" height="50">
</a>

<a href="https://www.iso.org/standard/74528.html">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/C.svg" alt="C" width="50" height="50">
</a>

<a href="https://isocpp.org">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/CPP.svg" alt="C++" width="50" height="50">
</a>

<a href="https://www.oracle.com/java">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg" alt="Java" width="50" height="50">
</a>

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/JavaScript.svg" alt="JavaScript" width="50" height="50">
</a>

<a href="https://www.regular-expressions.info">
  <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Regex-Dark.svg" alt="Regex" width="50" height="50">
</a>

Note: To maintain icon consistency and ensure browser support, we do not accept pull requests for icon submissions. If you want an icon added, please open an issue.

Documentation

Specifying Icons

To add skill icons to your readme, copy and paste the code block below and customize it with your skills, separated by commas. Find the full list of available icons at Skill Icons List.

Example

Themed Icons

Icons can be displayed with a dark or light theme. Specify your preference using the &theme= parameter in the URL.

Example - Light Theme:

[![My Skills](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Light.svg)](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg)

See the difference

Icons Per Line

Control the number of icons per line by adjusting the &perline= parameter. The default is 15 icons per line.

[![My Skills](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg)](https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg)

Centering Icons

To center the icons in your readme, use HTML alignment tags as shown below:

<p align="center">
  <a href="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg">
    <img src="https://github.com/Amarpreet3/Github-readme-skill-icons/blob/main/icons/Java-Dark.svg" />
  </a>
</p>

Additional Skill Badges

Enhance your skills showcase with additional badges linking to relevant technologies and platforms:

[![SAS](https://img.shields.io/badge/-SAS-CA2129?style=flat-square&logo=SAS&logoColor=white)](https://www.sas.com)
[![SQL](https://img.shields.io/badge/-SQL-336791?style=flat-square&logo=postgresql&logoColor=white)](https://www.postgresql.org)
[![Hadoop](https://img.shields.io/badge/-Hadoop-66CCFF?style=flat-square&logo=ApacheHadoop&logoColor=white)](https://hadoop.apache.org)
[![Hive](https://img.shields.io/badge/-Hive-FDEE21?style=flat-square&logo=ApacheHive&logoColor=black)](https://hive.apache.org)
[![Pig](https://img.shields.io/badge/-Pig-F0AD4E?style=flat-square&logo=ApachePig&logoColor=white)](https://pig.apache.org)

Example

Icon List

For a complete list of supported icons and to request new ones, please open an issue on our GitHub repository.

About

This project makes it easy to showcase your skills on GitHub readmes or résumés. Visit Skill Icons for more information.