Showcase your skills on your Github readme or resumé with ease ✨

Thijs [Coding]

Last update: Dec 31, 2022

Overview

Showcase your skills on your GitHub or resumé with ease!

Powered by Cloudflare Workers ⚡

Docs

Example
Specifying Icons
Themed Icons
Icons Per Line
Centering Icons
Icons List

Example

Specifying Icons

Copy and paste the code block below into your readme to add the skills icon element!

Change the ?i=js,html,css to a list of your skills seprated by ","s! You can find a full list of icons here.

[![My Skills](https://skillicons.dev/icons?i=js,html,css,wasm)](https://skillicons.dev)

Themed Icons

Some icons have a dark and light themed background. You can specify which theme you want as a url parameter.

This is optional. The default theme is dark.

Change the &theme=light to either dark or light. The theme is the background color, so light theme has a white icon background, and dark has a black-ish.

Light Theme Example:

[![My Skills](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skillicons.dev)

Icons Per Line

You can specify how many icons you would like per line! It's an optional argument, and the default is 15.

Change the &perline=3 to any number between 1 and 50.

[![My Skills](https://skillicons.dev/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skillicons.dev)

Centering Icons

Want to center the icons in your readme? The SVGs are automatically resized, so you can do it the same way you'd normally center an image.

<p align="center">
  <a href="https://skillicons.dev">
    <img src="https://skillicons.dev/icons?i=git,kubernetes,docker,c,vim" />
  </a>
</p>

Icons List

Here's a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!

Icon ID	Icon
`activitypub`
`actix`
`ae`
`aiscript`
`alpinejs`
`androidstudio`
`angular`
`ansible`
`apollo`
`appwrite`
`arduino`
`astro`
`autocad`
`aws`
`azul`
`azure`
`bash`
`bevy`
`blender`
`bootstrap`
`bsd`
`c`
`cs`
`cpp`
`cassandra`
`clojure`
`cloudflare`
`codepen`
`coffeescript`
`css`
`dart`
`deno`
`discord`
`bots`
`django`
`docker`
`dotnet`
`dynamodb`
`eclipse`
`electron`
`emacs`
`ember`
`emotion`
`express`
`fediverse`
`figma`
`firebase`
`flask`
`flutter`
`fortran`
`gamemakerstudio`
`gatsby`
`gcp`
`git`
`github`
`gitlab`
`gherkin`
`go`
`godot`
`grafana`
`graphql`
`gtk`
`haxe`
`haxeflixel`
`heroku`
`html`
`idea`
`ai`
`instagram`
`java`
`js`
`jenkins`
`jquery`
`julia`
`kotlin`
`ktor`
`kubernetes`
`laravel`
`latex`
`linkedin`
`linux`
`lua`
`md`
`mastodon`
`materialui`
`misskey`
`mongodb`
`mysql`
`nestjs`
`netlify`
`nextjs`
`nginx`
`nim`
`nodejs`
`nuxtjs`
`openshift`
`openstack`
`perl`
`ps`
`php`
`plan9`
`postgres`
`powershell`
`pr`
`prisma`
`prometheus`
`pug`
`py`
`pytorch`
`qt`
`r`
`rails`
`raspberrypi`
`react`
`redis`
`redux`
`regex`
`remix`
`rocket`
`ruby`
`rust`
`sass`
`solidity`
`spring`
`stackoverflow`
`styledcomponents`
`supabase`
`scala`
`svelte`
`svg`
`swift`
`tailwind`
`tauri`
`tensorflow`
`twitter`
`ts`
`unity`
`unreal`
`v`
`vala`
`vim`
`visualstudio`
`vscode`
`vue`
`wasm`
`windicss`
`wordpress`
`workers`
`zig`

💖 Support the Project

Thank you so much already for using my projects! If you want to go a step further and support my open source work, buy me a coffee:

To support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!

Comments

[NEW ICON] Pygame, SvelteKit, AlpineJS, Netlify, Heroku

Skill Name

Pygame, SvelteKit, AlpineJS, Netlify, Heroku

Why?

Pygame; Very popular python game library SvelteKit - Popular meta framework for svelte AlpineJS - Another frontend framework Netlify and Heroku - Popular hosting services

Reference Image

Pygame:

SvelteKit:

AlpineJS:

Netlify:

Heroku:
icon suggestion

opened by SuPythony 8
[NEW ICON] Gradle

Skill Name

Gradle

Why?

An open-source build automation tool that is designed to be flexible enough to build almost any type of software. Pretty popular to build projects.

Reference Image

icon suggestion

opened by Gescof 5
[NEW ICON] Ktor.io

Skill Name

ktor.io

Why?

It's popular among the Kotlin ecosystem to provide a fast, and safe HTTP server/client.

Reference Image

:pensive: sorry just a base64 blob of it D:

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDIiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAxMDIgNDgiPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNGMjY2MzYiIGQ9Ik0xNi4wMDQgMEwwIDE2LjAwNCAxNi4wMDQgMzJWMTYuMDA0SDMyeiIvPjxwYXRoIGZpbGw9IiM2MzczRkYiIGQ9Ik00OCAzMS45OTZMMzEuOTk2IDE2djE1Ljk5NkgxNkwzMS45OTYgNDh6Ii8+PHBhdGggZmlsbD0iIzI3MjgyQyIgZD0iTTMyIDE2SDE2djE2aDE2em0yOS43NTcgMTUuNzd2LTQuNDEybDEuNDYzLTEuNzIgNC4yODcgNi4xMzJoMy43MDRsLTUuNzYtOC4xMTQgNS4zODEtNi4zMjNoLTMuNDM4bC01LjQ1MyA2LjQ4M2gtLjE4NHYtNi40ODNoLTMuMDlWMzEuNzdoMy4wOXptMTEuNzI1LTEzLjY0NnYyLjczaC0xLjc2djIuMjEyaDEuNzZ2NS43MzNjMCAyLjE0IDEuMDg1IDMuMDExIDMuODI3IDMuMDExYTguNSA4LjUgMCAwMDEuNDk0LS4xM3YtMi4xNTFhNy4yIDcuMiAwIDAxLS44OC4wNWMtMS4wMTMgMC0xLjQ2My0uNDYtMS40NjMtMS40NXYtNS4wNjNoMi4zNDN2LTIuMjExSDc2LjQ2di0yLjczMWgtMi45Nzh6TTg2LjIxMSAzMmMzLjQ2OCAwIDUuNTU2LTIuMTQgNS41NTYtNS43NDMgMC0zLjU3MS0yLjExOC01Ljc0Mi01LjU1Ni01Ljc0MnMtNS41NTYgMi4xOC01LjU1NiA1Ljc0MmMwIDMuNTkyIDIuMDg3IDUuNzQzIDUuNTU2IDUuNzQzem0wLTIuMzAxYy0xLjU5NiAwLTIuNDk3LTEuMjYtMi40OTctMy40NDIgMC0yLjE2LjkxLTMuNDMxIDIuNDk3LTMuNDMxIDEuNTc1IDAgMi40OTYgMS4yNyAyLjQ5NiAzLjQzMSAwIDIuMTgxLS45MSAzLjQ0Mi0yLjQ5NiAzLjQ0MnptNy45OSAyLjA3aDIuOTc4di02LjE2MmMwLTEuNTUgMS4xMTUtMi41MDEgMi43NDItMi41MDEuNDgxIDAgMS4xNzcuMDggMS40MTIuMTZ2LTIuNTYxYy0uMjU1LS4wOC0uNzU3LS4xMy0xLjE2Ni0uMTMtMS40MzIgMC0yLjU5OS44My0yLjg5NiAxLjkzaC0uMTg0di0xLjc1aC0yLjg4NVYzMS43N3oiLz48L2c+PC9zdmc+Cg==
icon suggestion

opened by auguwu 5
[BUG REPORT] Kotlin logo is outdated: colors changed

The problem

Hello, the Kotlin logo is outdated: colors changed to red and purple (or just purple). I'll let you find the right image on the web, but feel free to ask any question if needed.

Any extra info

Here are the two official colors if needed: #7F52FF #E44857 (source: https://youtrack.jetbrains.com/issue/KT-46792/Update-community-graphic-assets-to-the-new-Kotlin-visual-style#focus=Comments-27-6087024.0-0)
bug high priority

opened by LouisCAD 4
[NEW ICON] Puppeteer

Skill Name

Puppeteer

Why?

An awesome browser automation library for javascript developers. From web scraping and headless Chrome automation, to running tests for your applications, it truely is just AWESOME!

Reference Image

icon suggestion

opened by Muh-Hamza-99 4
[NEW ICONS] [COMPLETED 🥳] Apollo, Gherkin, Rocket, Fortran

Skill Name

Apollo, Gherkin, Rocket, Fortran

Why?

Apollo: very popular GraphQL client/framework Rocket: very popular Rust web framework Gherkin: popular templating language Fortran: some of us boomers still exist (actually still widely used in legacy programs)

Completed icons

icon suggestion

opened by ThatOneCalculator 4
✨ TWEAK: add code of conduct

Hey, I added a code of conduct to the project, and also update the issue form to add a checkmark for following our code of conduct. Check the new look of the issue form. Let me know if want to add more here.

Also, I want to know what email to use for the code of conduct? Who to contact about the project? I temporarily use [email protected] which is a dummy...

opened by warengonzaga 4
NEW ICON: Postman

Skill Name

Postman

Why?

Postman is a popular application used by developers to test APIs. Please consider adding the postman icon to your awesome collection. Thank you very much.

Reference Image

No response
icon suggestion

opened by sourish215 3
[NEW ICONS] [COMPLETED 🥳] Nim, Laravel, AutoCAD, Blender, Unreal Engine, HaxeFlixel, ActivityPub, GameMaker Studio, AiScript, EMACS
Skill Names

Nim

Laravel

AutoCAD

Blender

Unreal Engine (ue)

HaxeFlixel

ActivityPub

GameMaker Studio (gamemaker)

AiScript

EMACS

Why?

Nim: It's a very popular programming language

Laravel: Most popular PHP framework (basically the React of PHP)

AutoCAD: most popular CAD (Computer assisted design) software, if the Adobe suite is included, AutoCAD makes sense too.

Blender: Same as AutoCAD but for 3D work, Blender also incorporates a lot of coding

Unreal Engine: very popular game engine, fits in with Unity and Godot

HaxeFlixel: most popular Haxe graphics library, very very widely used in the FNF community

ActivityPub: Defacto standard for federated, decentralized communication, powers the Fediverse and is a very useful and powerful programming skill

GameMaker Studio: very popular pickup-and-play game engine and scripting language.

AiScript: built in programming language of Misskey, and also acts as a standalone scripting language, more popular in Japan than anywhere else as it was developed specifically for Japanese programmers.

EMACS: very popular coding environment and programming language

Reference Image

I'll probably make an icons in the morning, this issue is mostly a reminder to myself.

https://github.com/nim-lang/assets/tree/master/Art

https://laravel.com/img/logomark.min.svg

https://upload.wikimedia.org/wikipedia/commons/0/08/AutoCad_logo.svg

https://upload.wikimedia.org/wikipedia/commons/3/3c/Logo_Blender.svg

https://upload.wikimedia.org/wikipedia/commons/d/da/Unreal_Engine_Logo.svg

https://haxeflixel.com/images/haxeflixel.svg

https://www.vectorlogo.zone/logos/w3_activitypub/w3_activitypub-icon.svg

https://upload.wikimedia.org/wikipedia/en/7/7a/GameMaker_Studio_2.svg

https://github.com/syuilo/aiscript/raw/master/aiscript.svg

https://upload.wikimedia.org/wikipedia/commons/0/08/EmacsIcon.svg
icon suggestion
opened by ThatOneCalculator 3
[NEW ICON] HackerRank

Skill Name

HackerRank

Why?

Because it's a world's-Leading website to practice solving problems, it's important for software engineers to have a link to their HackerRank profile in GitHub readme.

Reference Image

icon suggestion

opened by AstroAnasTariq 2
[NEW ICON] Moodle

Skill Name

Moodle

Why?

The most popular course management system (CMS)

Reference Image

https://www.ifmg.edu.br/ourobranco/noticias/curso-do-moodle-esta-disponivel-para-os-alunos-do-campus-ouro-branco
icon suggestion

opened by leonardoanthony 2
[NEW ICON] Xamarin

Skill Name

Xamarin

Why?

Xamarin is a popular open-source platform for building modern and performant applications for iOS, Android, and Windows with .NET.

Reference Image

icon suggestion

opened by JustAnCore 0
[NEW ICON] TanStack Query(React-query)

Skill Name

TanStack query

Why?

Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte https://tanstack.com/query/v4

Reference Image

icon suggestion

opened by JuhwanLeeKR 0
[NEW ICON] Recoil

Skill Name

Recoil

Why?

Recoil is a global state management library being created by meta(facebook). Recoil works and thinks like React. Add some to your app and get fast and flexible shared state. https://recoiljs.org/

Reference Image

icon suggestion

opened by JuhwanLeeKR 0
[NEW ICON] XAMPP

Skill Name

XAMPP

Why?

XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to use.

Reference Image

https://www.apachefriends.org/images/xampp-logo-ac950edf.svg

icon suggestion

opened by Cale-Torino 0
[NEW ICON] Esp32

Skill Name

esp32, embedded system, micro-controllers

Why?

is one of the outstanding and very effective micro-controller in conjuction with arduino and raspberry pi when it comes to embedded system and Internet Of Things (IOT). It is also an open source project loved by the whole community

could not lay hands on a befitting svg image, hence the below image

Pull Request Link

Here is a link to my

Reference Image

icon suggestion

opened by n1lby73 0

Owner

Thijs [Coding]

full-stack developer • large bot dev @discord • thijs.gg

GitHub https://skillicons.dev

This fictive project was created to showcase my current skills using Three.js and GSAP.

Bike Demo Three.js This fictive project was created to showcase my current skills using Three.js and GSAP. It was inspired by the tutorial created by

54 Dec 29, 2022

A simple yet feature-rich counter that allows you to count the views of your Github README files and profile page

View Counter Purpose This is a simple yet feature-rich counter that allows you to count the views of your github README files and profile page. Featur

4 Nov 10, 2022

Convert your Postman documentation in a github´s readme.md ready format

Postman 2 Markdown Converter For that only time you need to convert your Postman documentation in a github´s readme ready format! Features & Problems

0 Sep 18, 2022

Welcome contributers❤️🎉. Just add your name, Github profile link and Linkedin link🔗 Look at Readme for more.📖

Hello Welcome Developers! Step - 1 Create a GitHub account, if you don't already have one. Step - 2 Register for Hacktoberfest: Navigate to the Hackto

28 Oct 31, 2022

GPRM : GitHub Profile ReadMe Maker

?? Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way. Lots of features and tools included, all for free ! ??

338 Jan 3, 2023

A sample CICD Deployment Pipeline for your Alexa Skills, using AWS CDK, CodeBuild and CodePipeline

Alexa Skils - CI/CD CDK Pipeline This repository will help you setting up a CI/CD pipeline for your Alexa Skills. This pipeline is powered by AWS Clou

5 Nov 23, 2022

A website where you can self-assess your developer skills

SkillsMatrix This project was generated with Angular CLI version 13.3.3. Development server Run ng serve for a dev server. Navigate to http://localhos

5 Aug 29, 2022

Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.

SkillsClass Aplicação focada no gerenciamento de skills dos usuários cadastrados. Uma aplicação desenvolvida no ignite da Rocketseat com alguns toques

1 Dec 25, 2021

Microverse project for practicing javascript coding skills

To Do list Microverse project for practicing javascript coding skills.. Additional description about the project and its features Built With HTML CSS

2 Jan 30, 2022

This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills.

pokedex-nova This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills. Available Sc

2 Feb 1, 2022

💻 My personal page to show my skills

What is inside? ReactJS TypeScript Styled Components Jest React Testing Library Eslint Prettier Husky Getting Started Install dependencies: yarn or np

7 Apr 12, 2022

This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,

?? Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a

4 Oct 9, 2022

Showcase All Your Projects 🛍️🎇

Projects Showcase All Your Projects ??️ ?? projects screenshot Introducing Projects Present all your projects in style with a super customizable web a

201 Dec 23, 2022

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

A free and open source resume builder. Go to App What is this app all about? Reactive Resume is a free and open source resume builder that’s built to

9.7k Jan 3, 2023

Showcase your skills on your Github readme or resumé with ease ✨

Related tags

Overview

Showcase your skills on your GitHub or resumé with ease!

Powered by Cloudflare Workers ⚡

Docs

Example

Specifying Icons

Themed Icons

Icons Per Line

Centering Icons

Icons List

💖 Support the Project

Comments

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

The problem

Any extra info

Skill Name

Why?

Reference Image

Skill Name

Why?

Completed icons

Skill Name

Why?

Reference Image

Skill Names

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Reference Image

Skill Name

Why?

Pull Request Link

Reference Image

Owner

Thijs [Coding]

This fictive project was created to showcase my current skills using Three.js and GSAP.

A simple yet feature-rich counter that allows you to count the views of your Github README files and profile page

Convert your Postman documentation in a github´s readme.md ready format

Welcome contributers❤️🎉. Just add your name, Github profile link and Linkedin link🔗 Look at Readme for more.📖

GPRM : GitHub Profile ReadMe Maker

A sample CICD Deployment Pipeline for your Alexa Skills, using AWS CDK, CodeBuild and CodePipeline

A website where you can self-assess your developer skills

Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.

Microverse project for practicing javascript coding skills

This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills.

💻 My personal page to show my skills

This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,

Showcase All Your Projects 🛍️🎇

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

Example of a ceramic app to showcase dynamic NFT capability

Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app

A example vault to collect and showcase various dataview queries. Created on behalf of AB1908

Template to showcase different use-cases about Ionic, Firebase, Capacitor