Devicon Icons

About Devicon

Devicon is the definitive SVG icon library for programming languages, frameworks, and developer tools, with 450+ technologies represented across up to four visual variants: colored (official brand colors), plain (monochrome/adaptable), line (outlined with brand colors), and wordmark variants. Coverage spans languages (JavaScript, TypeScript, Python, Rust, Go, Kotlin, Swift), frameworks (React, Vue, Next.js, Nuxt, Remix, Astro, SvelteKit), databases (MongoDB, PostgreSQL, MySQL, Redis), cloud platforms (AWS, GCP, Azure, Vercel, Netlify), and dev tools (Docker, Kubernetes, Git, GitHub, Figma). Free with attribution (a credits link is the standard ask). Search Devicon by technology name, copy SVG, export as JSX, or download PNG on AllSVGIcons. Devicon is the standard choice for portfolio "tech stack" sections, README technology badges, developer tool marketing pages, and platform profile cards. Compared with Simple Icons: Devicon offers multiple style variants per icon with brand colors; Simple Icons provides flat monochrome brand icons only.

How to use Devicon icons

// Copy individual SVGs from AllSVGIcons or use Iconify:
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="devicon:react" width={32} />;
}

<!-- CDN stylesheet (icon font) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />

<!-- colored = brand colors, plain = monochrome, line = outlined -->
<i class="devicon-react-original colored"></i>
<i class="devicon-nextjs-plain"></i>
<i class="devicon-docker-plain-wordmark colored"></i>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="devicon:icon-name" width={24} />;
}

Compare Devicon with similar icon packs