"Level up your GitHub profile with personalized icons – effortlessly showcase your skills and interests!"
Copy and paste the code block below into your readme to add the icon element!
Change the ?i=js,html,css to a list of icons separated by ","s! You can find a full list of icons here.
[](https://lo-icons.vercel.app)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:
[](https://lo-icons.vercel.app)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.
[](https://lo-icons.vercel.app)You can specify if you would like to sort the icons alphabetically! It's an optional argument, and the default is false.
Use the &sort=true to sort the icons.
[](https://lo-icons.vercel.app)You can specify if you would like to give a specific icon size! It's an optional argument, and the default is 48.
Use the &size=48 to any number.
[](https://lo-icons.vercel.app)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://lo-icons.vercel.app">
<img src="https://lo-icons.vercel.app/icons?i=git,kubernetes,docker,c,vim" />
</a>
</p>
Here's a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!
Thank you immensely for using my projects! If you'd like to take an extra step and support my efforts, consider buying me a coffee
Feel encouraged to contribute directly to the project by suggesting new icons through opening issues, or by making improvements via pull requests