Add an link to go to main page of the skill icons

[BDVGitHub]

For this example, these would be the following sites:

• https://github.com/
• https://www.home-assistant.io/
• https://hacs.xyz/
• https://www.python.org/
• https://gitlocalize.com/

So when you click on the skill icon with the cursor, in the case of GitHub, you land on the GitHub site.

[syvixor]

Thank you so much for your suggestion — I truly appreciate you taking the time to share your thoughts! That said, I’d prefer not to add link functionality directly into the icons for this project.

One of my main goals with this repository is to keep it as minimal, flexible, and reusable as possible. By keeping the icons themselves purely visual, users are free to structure and style them however they like — whether that’s wrapping them in links, buttons, tooltips, or integrating them into more complex components. Adding built-in link behavior would introduce assumptions about usage that might not apply to everyone, and could make the icons less adaptable in different contexts.

Luckily, this kind of customization is very straightforward to implement on your end by simply wrapping any icon in an <a> tag with your desired URL.

Thanks again for your feedback and understanding!

[BDVGitHub]

Ok understand, is it possible to provide this as an example in the README. So how the HTML code looks like to implement the above?

[syvixor]

Sure, here's a quick HTML snippet showing how you can wrap an icon in a link:

Code

<a href="https://github.com" target="_blank">
  <img src="https://skills.syvixor.com/api/icons?i=github" alt="GitHub" />
</a>
<a href="https://git-scm.com" target="_blank">
  <img src="https://skills.syvixor.com/api/icons?i=git" alt="Git" />
</a>
<a href="https://gleam.run" target="_blank">
  <img src="https://skills.syvixor.com/api/icons?i=gleam" alt="Gleam" />
</a>

Preview

---

This way, you can link any skill icon to the site of your choice while keeping full control over styling and behavior.