explaingit

wellwelwel/devicon

Analysis updated 2026-08-15 · repo last pushed 2025-01-30

Audience · developerComplexity · 2/5StaleSetup · easy

TLDR

A free library of over 150 official logos for programming languages, frameworks, and dev tools. Use it as a web font, SVG code, or CDN images to display tech logos on portfolios, resumes, and docs.

Mindmap

mindmap
  root((repo))
  What it does
    150 tech logos
    Multiple icon styles
    Font or SVG options
  How to use
    Load icon font
    Drop in HTML tags
    Copy raw SVG code
    Reference via CDN
  Who it helps
    Portfolio builders
    Recruiters
    Documentation teams
  Contributing
    Add new logos
    Request via issues
    Join Discord community
  Build pipeline
    IcoMoon tool
    Python and Firefox
    For contributors only

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add tech logos to a personal portfolio or resume site.

USE CASE 2

Display framework and tool icons on a documentation page.

USE CASE 3

Show a project's tech stack visually in a README or landing page.

USE CASE 4

Include brand-compliant logos in tech-focused job postings.

What is it built with?

SVGCSSHTMLIcoMoonPython

How does it compare?

wellwelwel/devicon000madz000/rfid-attendance00kaku/gallery-slider-block
LanguageTypeScriptJavaScript
Last pushed2025-01-302024-07-222021-05-19
MaintenanceStaleDormantDormant
Setup difficultyeasyeasyeasy
Complexity2/52/52/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Just add one line to load the icon font via CDN or copy raw SVG code, no build step needed for basic usage.

Open-source and free to use, the project provides logos for programming tools and technologies at no cost.

In plain English

Devicon is a free, open-source library that collects the official logos for programming languages, frameworks, and development tools, over 150 of them and growing. If you are building a portfolio, a resume, a documentation site, or any app that needs to display tech logos (like Python, React, or Docker), this project saves you from hunting down brand-compliant images yourself. You can browse the full collection on their website. Using it is straightforward. You can add a single line of code to your project to load the icon font, then drop simple HTML tags wherever you want a logo to appear. Each icon comes in several variations: plain, line art, with or without the brand's wordmark, and in color or monochrome. If you prefer not to use the font, you can also just copy and paste the raw SVG code directly into your files, or reference the image files from a content delivery network. There is no complex setup required for the basics. This project is useful for developers building personal portfolios, recruiters creating tech-focused job postings, or teams documenting their software stack. Instead of manually searching the web for a specific tool's logo, ensuring you have the right resolution, and worrying about whether it will look consistent with other icons on your site, Devicon provides a unified set that all share a consistent style and format. If you want to contribute by adding a new logo that is missing from the collection, the project relies on a tool called IcoMoon to transform SVG drawings into a usable font. The build process is fairly involved, requiring specific versions of Python, Firefox, and browser automation tools, but that is only for people creating new icon releases. If you just want to use the existing library, you never have to touch that pipeline. You can also request new icons by opening an issue on the repository or joining their Discord community.

Copy-paste prompts

Prompt 1
I want to use Devicon to show tech logos on my portfolio. Add the Devicon font CDN link to my HTML and create tags for Python, React, and Docker with the plain style.
Prompt 2
Show me how to use Devicon's raw SVG code directly in my Next.js project instead of loading the icon font, so I can display the JavaScript and TypeScript logos inline.
Prompt 3
I'm building a documentation site and need consistent tech logos. Set up Devicon so I can reference individual icon image files via CDN for my tech stack section.
Prompt 4
Help me browse the Devicon collection and pick the right icon variation, I want color versions with wordmarks for Kubernetes, PostgreSQL, and Node.js on my landing page.

Frequently asked questions

What is devicon?

A free library of over 150 official logos for programming languages, frameworks, and dev tools. Use it as a web font, SVG code, or CDN images to display tech logos on portfolios, resumes, and docs.

Is devicon actively maintained?

Stale — no commits in 1-2 years (last push 2025-01-30).

What license does devicon use?

Open-source and free to use, the project provides logos for programming tools and technologies at no cost.

How hard is devicon to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is devicon for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.