Icons for developers, developers, developers!

660 technology icons and 2,100 SVG variants for modern software engineering. Free and open source under MIT.

Technology Mosaic

v2.18.0 • 660 ICONS

Showing 0 icons

No icons found matching your filters

Try adjusting your search query, selecting a different category, or resetting all filters.

Integrations

Official React component package and global CDN distribution for Devicon.

React Components

Official Package

Type-safe React SVG components. Each icon is individually exported for zero runtime overhead and automatic tree-shaking.

npm i react-devicons

GitHub Repository → npm Package →

Usage Example tsx

import { ReactOriginalIcon } from "react-devicons/react/original";
import { TypescriptPlainIcon } from "react-devicons/typescript/plain";

export function TechBadge() {
  return (
    <div className="flex items-center gap-2">
      <ReactOriginalIcon size={32} />
      <TypescriptPlainIcon size={32} />
    </div>
  );
}

CDN & Webfont Distribution

jsDelivr Global CDN

Include Devicon in any web application or static HTML file without build steps. Add the stylesheet to your <head> and use standard CSS icon classes.

Tip: Append colored to display original brand colors, or omit it to inherit the parent CSS text color.

Latest Version Link html

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />

HTML Element Usage html

<i class="devicon-react-original colored"></i>
<i class="devicon-typescript-plain"></i>