Git Product home page Git Product logo

skill-icons's Introduction

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


Docs

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.

![My Skills](https://go-skill-icons.vercel.app/api/icons?i=js,html,css,wasm)

My Skills

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://go-skill-icons.vercel.app/api/icons?i=java,kotlin,nodejs,figma&theme=light)

My Skills

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://go-skill-icons.vercel.app/api/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)

My Skills

Get Icons Names

You can get the possiblity to add the name of the icons you put to help others that doesnt know what they are by using &titles.

The value of titles is a boolean, so it should be true or false, default is false

![My Skills](https://go-skill-icons.vercel.app/api/icons?i=rust,surrealdb,actix,yew&titles=true)

My Skills

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://go-skill-icons.vercel.app/">
    <img src="https://go-skill-icons.vercel.app/api/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 Icon ID Icon Icon ID Icon Icon ID Icon Icon ID Icon Icon ID Icon
acrobat directus hugo numpy sail youtube
activitypub discordbots hydrogen nuxtjs sanctum zed
actix discordjs hyprland obsidian sass zellij
adonis discord i3 ocaml scala zig
aero django iced octane scikitlearn zustand
aftereffects docker idea octave scipy
aiscript docksal ignite ollama scout
alacritty docsify illustrator onedrive scratch
alchemy dotnet incopy onenote seaborn
alpinejs dreamweaver indesign opencv selenium
anaconda drupal inertia openshift sentry
androidstudio d infura opensource sequelize
angular duckduckgo inkscape openstack sharepoint
animate dusk insomnia openzeppelin shopify
ansible dynamodb instagram opera skeletonui
anss echo ipfs oracle sketchup
api eclipse jamovi outlook slack
apollo edge java p5js snowflake
appcode elasticsearch javascript pail snyk
apple electron jekyll pandas socialite
appwrite elementplus jenkins papertrail solidity
aqua elixir jest payload solidjs
arcbrowser elysia jetpackcompose pbi spark
arch emacs jetstream pennant spark
arduino ember jira perl spring
argocd emotion joomla photoshopclassic sqlite
assembly envoyer jquery photoshopexpress sqlserver
astro excel julia photoshop stackoverflow
atom expressjs jupyter php steam
audition fabric kafka phpstorm stock
authjs facebook kaggle picocss storyblok
autocad fastai kakoune pinecone storybook
aws fastapi kali pinia strapi
azul fediverse karma pint streamlit
azure ffmpeg kde pkl styledcomponents
azuredevops figma keycloak plan9 stylus
babel filament keydb planetscale sublime
bash firebase kitty playwright supabase
beeceptor firefox kotlin plsql surrealdb
behance flameshot ktor pm2 svelte
behat flask kubernetes pnpm svg
bevy fleet langchain pocketbase svn
bitbucket flutter laravel podman swagger
blazor flyio laravelspark popos swift
blender fonts latex portfolio symfony
bootstrap forgejo leaflet postgresql tableau
brave forge leetcode postman tailwindcss
breeze forth less powerpoint tallyprime
bridge fortran libsql powershell tauri
bsd fresco lighthouse preact teams
btlo fresh lightning prelude telescope
bulma fuse lightroomclassic premiererush tensorflow
bun gamemakerstudio lightroom premiere terminal
canva ganache linkedin primevue terraform
capacitor gatsby linux prisma testinglibrary
capture gcp lit processing threejs
cashier gemini litmus prometheus tidb
cassandra gherkin livewire prompts tmux
characteranimator gimp llamaindex proton tomcat
chartjs git looker proxmox tor
chatgpt gitea lua pug trpc
chrome githubactions luau pulse truffle
chromium github lucidchart puppeteer twitch
circleci githubcopilot lunacy pycharm typeorm
clion githubpages lxc pygame typescript
clojure gitkraken manjaro python ubuntu
cloudflare gitlab markdown pytorch unity
cmake gleam mastodon pyxel unrealengine
cockroachdb gmail materialui qodana vagrant
codeberg gnome matlab qt vala
codeigniter godot matplotlib rabbitmq vapor
codepen goland maven rails v
coffeescript golang mediaencoder raspberrypi vercel
commercetools googleanalytics mermaid r vim
composer googleappsscript meteorjs react visualbasic
contentful gradle microsoftcopilot reactivex visualstudio
cpp grafana millionjs reactquery vite
creativecloud grails mindsdb recoil vitest
crystal graphql mint redhat vscode
css grunt miro redis vscodium
cs gsap misskey redshift vuejs
c gtk mjml redux vuetify
cuda gulp ml5 regex vyper
cypress hadoop mocha remix webassembly
d3 hardhat mojo render webflow
dailydev haskell mongodb renpy webpack
dart haxe mongoose replit webstorm
databricks haxeflixel mysql resharper windicss
datadog helix neovim reverb windows
datagrip helm nestjs rider word
dataspell herd netlify robloxstudio wordpress
davinci heroku nextjs rocket workers
dbeaver hibernate nginx rollupjs wsl
debian holyc ngrok ros x
defold hono nim rubocop xcode
deno horizon nixos rubymine xd
desmos html nodejs ruby yaml
devto htmx notion rust yammer
digitalocean htop nova rustrover yarn
dimension huggingface npm safari yew

💖 Support the Project

Thank you so much already for using my projects! To support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!

skill-icons's People

Contributors

lelouchfr avatar josemateuss avatar hawl1 avatar itsjoshbrown avatar francois-lenne avatar atr321 avatar islandboymv avatar daynlight avatar eng-gabrielscardoso avatar jeesson avatar rushiljalal avatar osohyun0224 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.