iconify VS logosearch

Icons play a vital role in the web development. They guide us, convey messages, and enhance user experiences on numerous websites and applications. Whether you are an experienced developer or a beginner in web development, having a reliable source of high-quality icons is essential. This is where Iconify comes in, providing an extensive selection of icons that will breathe life into your projects.

https://iconify.design/ has been my go to for years, but I like the ability to customize the colors from the UI, although I personally use tailwind classes for my colors

Before explaining the whole code, it is worth saying that you can get all the icons used in this tutorial are from iconify

It was positioned absolutely to the parent container and was placed at the position where it is using -bottom-8 and left-[17%], the icon use there is from iconify

Svg Icons from Iconify.

Luckily, I found that in astro you can do it easily with the astro-icon package. This package uses Iconify, an icon library that combines dozens of different icon packs into one. The most interesting icon pack for me was the SVG Logos as it includes all logos for different tech companies, programming languages, etc. Now, adding these icons is as simple as:

I've been using https://iconify.design/

Shameless self promotion: I have a search engine for svg logos that includes Github, Wikipedia & a few others: https://logosear.ch/

I avoid legal conundrums by not hosting any of the images and just linking to the upstream host.

I'd love to add vectorwiki to the sources if you'd let me index it!

Shameless plug for IconSearch [1], my similar site focused on SVG icons on Github/Gitlab. You can see my list of icon sources [2], and website source is available [3].

[1] https://iconsear.ch/

[2] https://iconsear.ch/sources/index.html

[3] https://github.com/VectorLogoZone/logosearch