How do I install Devicons in a React project?

Run `npm install @dev.icons/react`. Then import an icon component, e.g. `import { React } from '@dev.icons/react'`.

Does Devicons work with Vue and Svelte?

Yes. Install the matching package — `@dev.icons/vue` or `@dev.icons/svelte` — and import components the same way.

Can I use raw SVG files instead of components?

Yes. Every icon is available as an optimized SVG; download directly from the icon page or the Devicons GitHub repository.

What license are Devicons released under?

Devicons is released under the MIT license. Brand assets remain the property of their respective owners.

Installation — Devicons Docs

Install the package that matches your project.

Package managers

# React
npm install @dev.icons/react

# Vue
npm install @dev.icons/vue

# Svelte
npm install @dev.icons/svelte

# Source SVGs and sprite
npm install @dev.icons/core

# Icon font, CSS files and sprites
npm install devicons

pnpm, yarn, and bun work the same way.

CDN

No build step needed:

<link
  rel="stylesheet"
  href="https://cdn.devicons.dev/font/devicons.css"
/>

<i class="devicon devicon-react"></i>

Requirements

Node.js 18.17+ (20.x LTS recommended)
React 18+ / Vue 3.3+ / Svelte 4+
Any ESM bundler: Vite, Webpack, Rollup, esbuild, Turbopack

Verify

import { ReactIcon } from "@dev.icons/react";

export default function Logo() {
  return <ReactIcon size={32} />;
}

If the icon renders, you’re set. See the React guide for props, tree-shaking, and SSR.