@devicons-pack/vue
Devicons as tree-shakeable typed Vue 3 components (flat, high-contrast, modern).
1,804
| Install | |
|---|---|
npm install @devicons-pack/vue |
|
| Latest Version: | 2.1.0 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Oct 19, 2026 |
| Links: | GitHub · npm |
Maintainer: mkabumattar
devicons-pack
Devicons — the familiar open-source technology icon set, packaged for every stack, with fully automated releases from the devicons/devicon icon set.
Docs: https://devicons-pack.mkabumattar.com · All packages on npm: @devicons-pack
Packages
| Package | Description | npm |
|---|---|---|
@devicons-pack/svg |
Optimized SVGs (6 icon variants) + typed metadata | npm |
@devicons-pack/react |
Tree-shakeable typed React components | npm |
@devicons-pack/preact |
Tree-shakeable typed Preact components | npm |
@devicons-pack/vue |
Tree-shakeable typed Vue 3 components | npm |
@devicons-pack/solid |
SolidJS components (DOM, SSR, and solid-condition builds) |
npm |
@devicons-pack/svelte |
Svelte 5 Icon component + tree-shakeable icon data |
npm |
@devicons-pack/astro |
Zero-JS Astro component, SVG inlined at build time | npm |
@devicons-pack/angular |
Standalone devIcon directive (Angular 17+) |
npm |
@devicons-pack/lit |
<dev-icon> LitElement + template helpers |
npm |
@devicons-pack/web-components |
Framework-less <dev-icon> custom element |
npm |
@devicons-pack/alpine |
Alpine.js directive + magic | npm |
@devicons-pack/htmx |
Server handler serving icon fragments for htmx | npm |
@devicons-pack/react-native |
React Native components on react-native-svg | npm |
@devicons-pack/qwik |
Typed Qwik components | npm |
@devicons-pack/iconify |
Iconify JSON collections (unplugin-icons, Tailwind) | npm |
@devicons-pack/sprite |
SVG symbol sprites for use-href sheets | npm |
Release channels
latest— stable, published when the auto-generated Version Packages PR mergesbeta— pre-releases from thenextbranch (x.y.z-beta.N)canary— snapshot of everymainmerge (@devicons-pack/react@canary)
New upstream icon land automatically: a weekly workflow syncs the devicons/devicon icons package, opens a PR, and merging it rides the release train. No release step in this repo is manual.
Development
pnpm install
pnpm sync # scrape upstream → optimize → assets/ + metadata.json
pnpm build # build all packages
pnpm lint
Previously: archived-devicons-react and
archived-devicons-react_private.
The old npm name devicons-react is deprecated in favor of @devicons-pack/react.
Devicon artwork is from devicons/devicon (MIT). This repo and packages: MIT.
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 2.1.0 | >=3.3 | MIT | |
| 2.0.0 | >=3.3 | MIT |
Pre-releases (12)
| Version | Released | Vue | License |
|---|---|---|---|
| 2.2.0-beta.1 | >=3.3 | MIT | |
| 2.2.0-beta.0 | >=3.3 | MIT | |
| 2.0.0-beta.2 | >=3.3 | MIT | |
| 2.0.0-beta.1 | >=3.3 | MIT | |
| 2.0.0-beta.0 | >=3.3 | MIT | |
| 0.0.0-canary-20260810131858 | >=3.3 | MIT | |
| 0.0.0-canary-20260810131415 | >=3.3 | MIT | |
| 0.0.0-canary-20260810125631 | >=3.3 | MIT | |
| 0.0.0-canary-20260810125419 | >=3.3 | MIT | |
| 0.0.0-canary-20260810124607 | >=3.3 | MIT | |
| 0.0.0-canary-20260810124234 | >=3.3 | MIT | |
| 0.0.0-canary-20260810120514 | >=3.3 | MIT |