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
[![My Skills](https://skillicons.dev/icons?i=js,html,css,wasm)](https://skillicons.dev)
```
[![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:**
```md
[![My Skills](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skillicons.dev)
```
[![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.
```md
[![My Skills](https://skillicons.dev/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skillicons.dev)
```
[![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.
```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!