Vue.js is an open-source JavaScript framework for building user interfaces, created by Evan You and first released in 2014. Its logo is a two-tone chevron mark that has remained visually consistent across major framework versions since its introduction.
Design and History
The Vue logo and the Vue badge were both designed by Evan You, the framework’s creator, as credited in the official vuejs/art repository on GitHub, which hosts the project’s official artwork files including logo.svg and logo.png.[1]
Evan You designed the mark when he released Vue 0.6 in 2014, after leaving Google’s AngularJS team, and the logo has stayed visually intact across Vue 2 and Vue 3.[2] The official artwork repository also includes monochrome and white variants of the logo for use on dark backgrounds.[3]
Vue.js artworks are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License, with additional conditions permitting use in marketing materials for Vue-related technical events, open source or non-profit projects, educational content, and illustrating a commercial product’s Vue.js integration.[1]
Meaning and Symbolism
The Vue mark is a two-tone chevron: a bright green outer V with a darker inner V, representing the layered, progressive nature of the framework.[2] The chevron shapes form the letter “V,” the initial of “Vue,” making the logo directly identifiable with the framework name.
The official brand colors associated with the logo are green (hex #41B883) and a dark blue-gray (hex #35495E), as documented in brand asset references.[4][5] The green is used for the outer chevron while the darker tone forms the inner chevron.[2]
Typography and Design
The official Vue.js website presents the framework name in a clean sans-serif wordmark, though no official typography specification or dedicated brand guidelines document is published in the primary artwork repository.[6] The logo itself is a geometric construction built from layered path elements forming the distinctive “V” shape.[7]
At very small sizes, under roughly 20 pixels, the inner chevron can begin to fuse with the outer chevron, so the full logo is preferred over monochrome reductions when space allows.[2]
Logo Index is an independent educational archive covering logos, visual identities and graphic design history. All trademarks and brand assets remain the property of their respective owners.
