devicon
A free set of logo icons for programming languages and developer tools, as a font or SVGs.
- Stars
- 11.9k
- Forks
- 2.4k
- Licence
- MIT
- Language
- CSS
- Last update
- 4 days ago
- Type
- Library
What it is
Devicon is a collection of logos for programming languages and development tools, such as icons you might see on a portfolio or documentation site. You can use them as a web font with a CSS class, or copy the SVG files directly into a project. The README says it has 150+ icons and that the set is still growing.
- Show a row of technology logos on a personal or portfolio website using an icon class
- Embed a single SVG logo in a page with an img tag loaded from the CDN
- Recolor an icon with a CSS rule to match your site's palette
Great for
- Web developers who want language or tool logos on a site or README
- Designers building a tech-stack or skills section
- People who want an icon font or SVG files without managing each logo by hand
Not ideal for
- Anyone who needs a full general-purpose icon set, since the README describes it as focused on development languages and tools
- Projects that need to avoid brand-logo usage rules, because the README notes that logos remain property of their owners and must follow each brand's policy
How to get it
- 1
Install with a package manager
Install with npm
npm install --save deviconInstall with yarn
yarn add devicon - 2
Run it
- Install the package with npm or yarn, or link the stylesheet from the CDN
- Include the devicon stylesheet in your page header
- Add an element such as <i class="devicon-devicon-plain"></i> to your page body
- Browse available icons at devicon.dev or in devicon.json
- 3
Get the most out of it
- Add the colored class to an icon to use the devicon main color, as shown in the README
- Use the wordmark variants (for example devicon-devicon-plain-wordmark) when you want the name shown with the logo
- Override the fill of path elements in CSS to change an SVG icon's color
- Request missing icons through the repository's icon request issue template
Downloads
Strengths
- Simple to use: include one stylesheet and add an icon class
- Offers several variants per icon, including plain, original, line, colored, and wordmark versions, per the README
- Available through npm and a CDN, with a demo site at devicon.dev
Trade-offs
- Brand logos carry their owners' usage policies, which the README asks users to follow
- The README is truncated, so details on the full icon list and license-specific details beyond the repo's MIT label are not shown here
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| devicon (this) | 11.9k | Library | beginner | 4 days ago | Web developers who want language or tool logos on a site or README |
| feather | 26k | Library | beginner | 1.7 years ago | Web developers who want a clean set of line icons without designing their own |
| tabler-icons | 22.5k | App | beginner | 7 days ago | Web developers who need a consistent set of icons for buttons, menus, and dashboards |
| anime | 74.2k | Library | beginner | 3 months ago | Front-end developers adding motion to websites or web apps |
| rough | 21.3k | Library | intermediate | 2.3 years ago | Web developers who want a casual, hand-drawn look for diagrams or illustrations |
| mojs | 18.9k | Library | intermediate | 3 months ago | Front-end developers who want decorative animated effects like bursts, shapes, or icon animations |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.