https://github.com/tandpfun/skill-icons
Showcase your skills on your Github readme or resumé with ease ✨
https://github.com/tandpfun/skill-icons
github-profile github-readme icons readme-stats
Last synced: 1 day ago
JSON representation
Showcase your skills on your Github readme or resumé with ease ✨
- Host: GitHub
- URL: https://github.com/tandpfun/skill-icons
- Owner: tandpfun
- License: mit
- Created: 2022-03-02T05:27:58.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-20T00:32:39.000Z (8 months ago)
- Last Synced: 2025-04-14T07:59:53.173Z (1 day ago)
- Topics: github-profile, github-readme, icons, readme-stats
- Language: SVG
- Homepage: https://skillicons.dev
- Size: 1.4 MB
- Stars: 8,966
- Watchers: 31
- Forks: 1,255
- Open Issues: 1,000
-
Metadata Files:
- Readme: readme.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- awesome - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- awesome-ccamel - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- project-awesome - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- awesome-github-profile - Skill Icons
- awesome - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- jimsghstars - tandpfun/skill-icons - Showcase your skills on your Github readme or resumé with ease ✨ (SVG)
- awesome-arsenal - skill-icons - GitHub 自述文件技能图标。 (科技公司 / GitHub)
README
Showcase your skills on your GitHub or resumé with ease!
Powered by Cloudflare Workers ⚡
NOTE: To keep icons consistent and to ensure browser support, we don't accept pull requests for icon submissions. If you would like an icon added, please open an issue.
# Docs
- [Example](#example)
- [Specifying Icons](#specifying-icons)
- [Themed Icons](#themed-icons)
- [Icons Per Line](#icons-per-line)
- [Centering Icons](#centering-icons)
- [Icons List](#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 separated by ","s! You can find a full list of icons [here](#icons-list).
```md
[](https://skillicons.dev)
```
[](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:**
```md
[](https://skillicons.dev)
```
[](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.
```md
[](https://skillicons.dev)
```
[](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.
```html
```
# 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 |
| :----------------: | :---------------------------------------------------: |
| `ableton` | 
|
| `activitypub` | 
|
| `actix` | 
|
| `adonis` | 
|
| `ae` | 
|
| `aiscript` | 
|
| `alpinejs` | 
|
| `anaconda` | 
|
| `androidstudio` | 
|
| `angular` | 
|
| `ansible` | 
|
| `apollo` | 
|
| `apple` | 
|
| `appwrite` | 
|
| `arch` | 
|
| `arduino` | 
|
| `astro` | 
|
| `atom` | 
|
| `au` | 
|
| `autocad` | 
|
| `aws` | 
|
| `azul` | 
|
| `azure` | 
|
| `babel` | 
|
| `bash` | 
|
| `bevy` | 
|
| `bitbucket` | 
|
| `blender` | 
|
| `bootstrap` | 
|
| `bsd` | 
|
| `bun` | 
|
| `c` | 
|
| `cs` | 
|
| `cpp` | 
|
| `crystal` | 
|
| `cassandra` | 
|
| `clion` | 
|
| `clojure` | 
|
| `cloudflare` | 
|
| `cmake` | 
|
| `codepen` | 
|
| `coffeescript` | 
|
| `css` | 
|
| `cypress` | 
|
| `d3` | 
|
| `dart` | 
|
| `debian` | 
|
| `deno` | 
|
| `devto` | 
|
| `discord` | 
|
| `bots` | 
|
| `discordjs` | 
|
| `django` | 
|
| `docker` | 
|
| `dotnet` | 
|
| `dynamodb` | 
|
| `eclipse` | 
|
| `elasticsearch` | 
|
| `electron` | 
|
| `elixir` | 
|
| `elysia` | 
|
| `emacs` | 
|
| `ember` | 
|
| `emotion` | 
|
| `express` | 
|
| `fastapi` | 
|
| `fediverse` | 
|
| `figma` | 
|
| `firebase` | 
|
| `flask` | 
|
| `flutter` | 
|
| `forth` | 
|
| `fortran` | 
|
| `gamemakerstudio` | 
|
| `gatsby` | 
|
| `gcp` | 
|
| `git` | 
|
| `github` | 
|
| `githubactions` | 
|
| `gitlab` | 
|
| `gmail` | 
|
| `gherkin` | 
|
| `go` | 
|
| `gradle` | 
|
| `godot` | 
|
| `grafana` | 
|
| `graphql` | 
|
| `gtk` | 
|
| `gulp` | 
|
| `haskell` | 
|
| `haxe` | 
|
| `haxeflixel` | 
|
| `heroku` | 
|
| `hibernate` | 
|
| `html` | 
|
| `htmx` | 
|
| `idea` | 
|
| `ai` | 
|
| `instagram` | 
|
| `ipfs` | 
|
| `java` | 
|
| `js` | 
|
| `jenkins` | 
|
| `jest` | 
|
| `jquery` | 
|
| `kafka` | 
|
| `kali` | 
|
| `kotlin` | 
|
| `ktor` | 
|
| `kubernetes` | 
|
| `laravel` | 
|
| `latex` | 
|
| `less` | 
|
| `linkedin` | 
|
| `linux` | 
|
| `lit` | 
|
| `lua` | 
|
| `md` | 
|
| `mastodon` | 
|
| `materialui` | 
|
| `matlab` | 
|
| `maven` | 
|
| `mint` | 
|
| `misskey` | 
|
| `mongodb` | 
|
| `mysql` | 
|
| `neovim` | 
|
| `nestjs` | 
|
| `netlify` | 
|
| `nextjs` | 
|
| `nginx` | 
|
| `nim` | 
|
| `nix` | 
|
| `nodejs` | 
|
| `notion` | 
|
| `npm` | 
|
| `nuxtjs` | 
|
| `obsidian` | 
|
| `ocaml` | 
|
| `octave` | 
|
| `opencv` | 
|
| `openshift` | 
|
| `openstack` | 
|
| `p5js` | 
|
| `perl` | 
|
| `ps` | 
|
| `php` | 
|
| `phpstorm` | 
|
| `pinia` | 
|
| `pkl` | 
|
| `plan9` | 
|
| `planetscale` | 
|
| `pnpm` | 
|
| `postgres` | 
|
| `postman` | 
|
| `powershell` | 
|
| `pr` | 
|
| `prisma` | 
|
| `processing` | 
|
| `prometheus` | 
|
| `pug` | 
|
| `pycharm` | 
|
| `py` | 
|
| `pytorch` | 
|
| `qt` | 
|
| `r` | 
|
| `rabbitmq` | 
|
| `rails` | 
|
| `raspberrypi` | 
|
| `react` | 
|
| `reactivex` | 
|
| `redhat` | 
|
| `redis` | 
|
| `redux` | 
|
| `regex` | 
|
| `remix` | 
|
| `replit` | 
|
| `rider` | 
|
| `robloxstudio` | 
|
| `rocket` | 
|
| `rollupjs` | 
|
| `ros` | 
|
| `ruby` | 
|
| `rust` | 
|
| `sass` | 
|
| `spring` | 
|
| `sqlite` | 
|
| `stackoverflow` | 
|
| `styledcomponents` | 
|
| `sublime` | 
|
| `supabase` | 
|
| `scala` | 
|
| `sklearn` | 
|
| `selenium` | 
|
| `sentry` | 
|
| `sequelize` | 
|
| `sketchup` | 
|
| `solidity` | 
|
| `solidjs` | 
|
| `svelte` | 
|
| `svg` | 
|
| `swift` | 
|
| `symfony` | 
|
| `tailwind` | 
|
| `tauri` | 
|
| `tensorflow` | 
|
| `terraform` | 
|
| `threejs` | 
|
| `twitter` | 
|
| `ts` | 
|
| `ubuntu` | 
|
| `unity` | 
|
| `unreal` | 
|
| `v` | 
|
| `vala` | 
|
| `vercel` | 
|
| `vim` | 
|
| `visualstudio` | 
|
| `vite` | 
|
| `vitest` | 
|
| `vscode` | 
|
| `vscodium` | 
|
| `vue` | 
|
| `vuetify` | 
|
| `wasm` | 
|
| `webflow` | 
|
| `webpack` | 
|
| `webstorm` | 
|
| `windicss` | 
|
| `windows` | 
|
| `wordpress` | 
|
| `workers` | 
|
| `xd` | 
|
| `yarn` | 
|
| `yew` | 
|
| `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!