How do I change the color of a Devicon icon?

Add the 'colored' class for predefined colors or override the CSS fill property for SVGs, as detailed in the README with examples for custom styling.

Devicon vs FontAwesome: which is better for developer icons?

Devicon is specialized for development tools with multiple style variations, while FontAwesome offers a broader icon set but fewer dev-specific logos. For tech stacks, Devicon is more curated.

How to request a new icon to be added to Devicon?

Create an issue on GitHub using the provided template, and the community reviews requests, with details in the 'Requesting an icon' section and linked Wiki.

Does Devicon work with React or Vue.js projects?

Yes, you can integrate it via npm or CDN and use icon classes in JSX or templates, though the README doesn't provide framework-specific guides, requiring manual setup.

What's the license for using Devicon icons commercially?

Devicon is MIT-licensed, but the README disclaimer notes that product logos are owned by their respective companies, so usage should comply with brand policies to avoid legal issues.

How to use Devicon with npm in a Node.js project?

Install via 'npm install devicon', import the CSS file, and use icon classes in your HTML or components, similar to the examples provided in the getting started section.

Open-Awesome

Devicon

MITCSSv2.17.0

A comprehensive icon set for programming languages, design tools, and development technologies.

Visit Website GitHub

11.7k stars2.4k forks0 contributors

What is Devicon?

Devicon is an open-source icon library specifically designed for developers and designers. It provides a comprehensive collection of logos for programming languages, frameworks, design tools, and development technologies in multiple formats and styles. The project solves the problem of finding consistent, high-quality icons for showcasing tech stacks in portfolios, documentation, and projects.

Target Audience

Developers, designers, technical writers, and anyone creating content related to programming languages or development tools who needs consistent icons for their projects, documentation, or portfolios.

Value Proposition

Developers choose Devicon because it offers the most comprehensive collection of development-related icons in one place, with multiple style variations and easy integration options. Unlike generic icon sets, it's specifically curated for the development ecosystem and maintained by an active community.

Overview

Set of icons representing programming languages, designing & development tools

Use Cases

Best For

Adding technology logos to developer portfolios and resumes
Creating documentation for open-source projects and libraries
Building tech stack showcases on personal websites or blogs
Designing UI components that display programming language support
Enhancing README files with visual technology indicators
Creating educational materials about programming tools and frameworks

Not Ideal For

Projects requiring icons for non-technical domains like business, healthcare, or social media
Applications needing animated or scriptable interactive SVG icons with complex behaviors
Brands that demand strict adherence to official logo guidelines without any stylistic variations or color changes

Pros & Cons

Pros

Extensive Icon Library

With over 150 icons covering programming languages, frameworks, and tools, it provides one of the most comprehensive collections specifically for developers, as highlighted in the README.

Multiple Format Support

Icons are available as SVGs, icon fonts, and CSS-includable assets, offering flexibility for different integration needs, including CDN and npm installation.

Style Variations

Each icon comes in plain, line, original, and wordmark versions with optional coloring, allowing for customization without extra design work.

Easy Integration

Simple setup via CDN, npm, or direct SVG inclusion means developers can quickly add icons with minimal configuration, as shown in the TL;DR example.

Cons

Complex Contribution Process

Building icons locally requires installing multiple dependencies like npm, Python, and Firefox, making it cumbersome for casual contributors or custom builds.

Potential Inconsistencies

As a community-driven project, icon styles and quality may vary, and some logos might not be up-to-date with official brand versions, leading to visual mismatches.

Limited Scope

Focused solely on development technologies, it lacks icons for broader use cases, forcing users to supplement with other libraries for general UI needs.

Frequently Asked Questions

Related Projects

Browser Logos

🗂 High resolution web browser logos

Stars6,039

Forks388

Last commit7 months ago

Dev icons

devicons - Crisp and clear logos & icons for developers.

Stars2,735

Forks209

Last commit29 days ago

Cryptocurrency icons

A set of icons for all the main cryptocurrencies and altcoins, in a range of styles and sizes.

Stars2,734

Forks674

Last commit1 year ago

Cryptocoins

Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies

Stars816

Forks185

Last commit6 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub