Vue

Vue.js is a progressive JavaScript framework for building reactive user interfaces and single-page applications.

v1.0.0 1 variant vuejs.org
Vue logo (vue)
|
Usage
Import
import { _Vue } from "@dev.icons/react";
Render
<_Vue size={32} />

Vue’s mark is a two-tone chevron: the bright green outer V and the darker teal inner V, representing the layered, progressive nature of the framework. Evan You designed it when he released Vue 0.6 in 2014 after leaving Google’s AngularJS team, and it has stayed visually intact across Vue 2 (Options API), Vue 3 (Composition API), and the current Vapor mode rewrite.

The greens — #42B883 outer, #35495E inner — read well on both light and dark backgrounds without modification. On very small sizes (under 20px) the inner chevron starts to fuse with the outer; prefer the full logo rather than a monochrome reduction when space allows.

Use the Vue logo for framework comparison pages (“React vs Vue vs Svelte”), tutorial intros, Nuxt/Quasar/Vuetify ecosystem diagrams, and any content targeting the Vue community. When placing next to Nuxt or Vite logos, match vertical optical alignment rather than bounding-box top — the chevron’s visual centre is slightly below geometric centre.

Related icons