devicon

Devicon is a collection of icons representing programming languages, frameworks, and development tools. Each icon comes in several visual styles, such as plain, line, and original, and can be displayed with or without a wordmark (the tool's name beside the logo). The collection has more than 150 icons and keeps growing as contributors add new ones.

The icons can be added to a web project in two main ways. The first is through a font file, which lets you insert an icon using a simple HTML tag. You include one CSS file in your page and reference icons by class name. This works via a CDN link, an npm package, or a downloaded copy of the files. The second approach is to copy the raw SVG code directly from the repository or the project website and paste it into your HTML, then adjust the size and color with a few CSS lines.

Devicon is useful for portfolio sites, developer tool landing pages, documentation, and any web project where you want to display recognizable technology logos without tracking down each one separately. The icons are free to use, but the project notes that all product names and logos remain the property of their respective owners, so following each brand's own usage guidelines is your responsibility.

The project is community-driven. New icons are added through pull requests, and anyone can open an issue to request an icon for a tool not yet in the collection. A Discord community exists for contributors and users, and a dedicated website at devicon.dev lets you browse all available icons and copy the code you need.

If you are building a site that needs to show off a tech stack visually, this is a ready-made icon library built specifically for that purpose.