How to use?

Copy the code block below and paste it into your README.

Replace ?i=css,cursor,trpc,recoil with your own skills, separated by commas.

[![My Skills](https://iconkit.ronitghosh.site/icons?i=css,cursor,trpc,recoil)](https://ronitghosh.site)

Themed Icons

Some icons support different themes: dark, charcoal, and light. By default, the theme is set to dark.

To choose a different one, use the &t= parameter in the URL. For example, change &t=light to &t=dark, charcoal, or light as needed.

Light Theme Example:

[![My Skills](https://iconkit.ronitghosh.site/icons?i=astro,expo,zod,zustand&t=light)](https://ronitghosh.site)

Dark Theme Example:

[![My Skills](https://iconkit.ronitghosh.site/icons?i=astro,expo,zod,zustand&t=dark)](https://ronitghosh.site)

Charcoal Theme Example:

[![My Skills](https://iconkit.ronitghosh.site/icons?i=astro,expo,zod,zustand&t=charcoal)](https://ronitghosh.site)

Icons Per Line

You can control how many icons appear in each line using the &pl= parameter. This is optional — if not set, it defaults to 15.

To adjust, change &pl=3 to any number from 1 to 50.

[![My Skills](https://iconkit.ronitghosh.site/icons?i=androidstudio,xcode,shadcn,hono,trpc,swagger&pl=3)](https://ronitghosh.site)

Using HTML

<p align="center">
  <a href="https://ronitghosh.site">
    <img src="https://iconkit.ronitghosh.site/icons?i=ts,js,react,expo,zustand,zod" />
  </a>
</p>