Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

github.com/lelouchfr/skill-icons

Package Overview
Dependencies
Alerts
File Explorer
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

github.com/lelouchfr/skill-icons

  • v0.0.0-20241115091619-d4d5ef674d20
  • Source
  • Go
  • Socket score

Version published
Created
Source

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


Docs

  • Docs
  • Example
  • Specifying Icons
  • Themed Icons
  • Icons Per Line
  • Get Icons Names
  • Centering Icons
  • Icons List
  • 💖 Support the Project

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 IDIconIcon IDIconIcon IDIconIcon IDIconIcon IDIconIcon IDIcon
acrobatdatabricksgsapmicrosoftcopilotpyxelthunkable
activitypubdatadoggtkmillionjsqdranttidb
actixdatagripgulpmilvusqodanatmux
adobesparkdataspellhadoopmindsdbqttomcat
adonisdavincihardhatmintrtor
aerodbeaverhaskellmirorabbitmqtrpc
aftereffectsdebianhaxemisskeyrailstruffle
aiscriptdefoldhaxeflixelmistralraspberrypitwig
alacrittydenohelixmjmlreacttwitch
alchemydesmoshelmml5reactbootstraptypeorm
alpinejsdevtoherdmochareactivextypescript
anacondadigitaloceanherokumojoreactnativeubuntu
androiddimensionhibernatemongodbreactqueryunity
androidstudiodirectusholycmongooserecoilunitycatalog
angulardiscordhonomysqlredhatunocss
animatediscordbotshorizonneovimredisunrealengine
ansiblediscordjshtmlnestjsredshiftv
anssdjangohtmxnetlifyreduxvagrant
apidockerhtopnextjsregexvala
apidogdocksalhuggingfacenginxremixvapor
apollodocsifyhugongrokrendervercel
appcodedotnethydrogennimrenpyvim
appledreamweaverhyprlandnixosreplitvirtualbox
appwritedrupali3nodejsresharpervisualbasic
aquaduckduckgoicednotepadppreverbvisualstudio
arcbrowserduskideanotionrevoltvite
archdynamodbignitenovaridervitest
arduinoechoillustratornpmrobloxstudiovmwareworkstation
argocdeclipseincopynumpyrocketvscode
assemblyedgeindesignnuxtjsrollupjsvscodium
astroelasticsearchinertiaobsidianrosvuejs
atomelectroninfuraocamlrubocopvuetify
auditionelementplusinkscapeoctanerubyvyper
authjselixirinsomniaoctaverubyminewandb
autocadelminstagramodinrustwebassembly
avaloniauielysiaintegrationsollamarustroverwebflow
awsemacsipfsonedrives3webpack
azulemberjamovionenotesafariwebstorm
azureemotionjavaopencvsailwindicss
azuredevopsenvoyerjavascriptopenshiftsanctumwindows
babelerlangjekyllopensourcesassword
barbajsexceljenkinsopenstackscalawordpress
bashexpojestopenzeppelinscikitlearnworkers
beeceptorexpressjsjetpackcomposeoperascipywsl
behancefabricjetstreamoraclescoutx
behatfacebookjiraorchidscratchxcode
bevyfastaijoomlaoutlookseabornxd
bigqueryfastapijqueryp5jsseleniumyaml
bitbucketfediversejuliapailsentryyammer
blazorffmpegjupyterpandassequelizeyarn
blenderfiberkafkapapertrailsharepointyew
bokehfigmakagglepayloadshopifyyii
bootstrapfilamentkakounepbisignalyoutube
bravefirebasekalipennantskeletonuizabbix
breezefirefoxkarmaperlsketchupzed
bridgeflameshotkdephotoshopslackzellij
bsdflaskkeycloakphotoshopclassicsnowflakezen
btlofleetkeydbphotoshopexpresssnykzig
bulmaflutterkibanaphpsocialitezudoku
bunflyiokittyphpstansolanazustand
cfontskotlinphpstormsolidity
cachyosforgektorpicocsssolidjs
caddyforgejokubernetespineconesonarqube
cairoforthlangchainpinescriptspark
canvafortranlaravelpiniaspring
capacitorfrankenphplaravelsparkpintsqlalchemy
capturefrescolatexpklsqlite
cashierfreshleafletplan9sqlserver
cassandrafuseleetcodeplanetscalestackoverflow
characteranimatorgamemakerstudiolessplatformiosteam
chartjsganachelibsqlplaywrightstock
chatgptgatsbylighthouseplsqlstoryblok
chromegcplightningpm2storybook
chromiumgdeveloplightroompnpmstrapi
circlecigeminilightroomclassicpocketbasestreamlit
claudegentoolinkedinpodmanstripe
cliongherkinlinuxpoposstyledcomponents
clojuregimplitportfoliostylus
cloudflaregitlitmuspostgresqlsublime
cmakegitealivewirepostmansupabase
cockroachdbgithubllamaindexpowerpointsurrealdb
codeberggithubactionslogtopowershellsvelte
codeignitergithubcopilotlookerpreactsvg
codepengithubpagesluapreludesvn
coffeescriptgitkrakenluaupremiereswagger
commercetoolsgitlablucidchartpremiererushswift
composergleamlunacyprimevuesymfony
contentfulgmaillxcprismatableau
cppgnomemanjaroprocessingtailwindcss
creativecloudgodotmariadbprometheustallyprime
crystalgolandmarkdownpromptstauri
csgolangmastodonprotonteams
cssgoogleanalyticsmaterialuiproxmoxtelegram
cudagoogleappsscriptmatlabpugtelescope
cypressgradlematplotlibpulsetensorflow
dgrafanamavenpuppeteerterminal
d3grailsmediaencoderpycharmterraform
dailydevgraphqlmermaidpygametestinglibrary
daisyuigrpcmetabasepythonthreejs
dartgruntmeteorjspytorchthunderbird

💖 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!

FAQs

Package last updated on 15 Nov 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc